JavaScriptにおける関数を用いたオブジェクト操作

オブジェクトに、何らかの有益な操作を実行する関数を追加してみましょう。 例えば、オブジェクトの要素の合計を見つける関数です。

以下のオブジェクトがあるとします:

javascriptlet obj = {a: 1, b: 2, c: 3};

シンボルを作成します:

javascriptlet sym = Symbol();

関数を記述します:

javascriptobj[sym] = function() {
  
};

オブジェクトにバインドされた関数内では、 thisはそのオブジェクト自体を指します:

javascriptobj[sym] = function() {
  console.log(this); // {a: 1, b: 2, c: 3}
};

作成した関数を用いて、オブジェクトの要素の合計を求めます:

javascriptobj[sym] = function() {
  let sum = 0;
  
  for (let key in this) {
    sum += this[key];
  }
  
  return sum;
};

関数を呼び出して、オブジェクト要素の合計を取得します:

javascriptlet sum = obj[sym]();
console.log(sum); // 6を出力

javascriptlet arr = [1, 2, 3];