filterメソッドのコールバック関数の内容が分かりません。

Question

前提

「Object.keys(newObj)」の部分によりnewObjオブジェクトのプロパティを列挙した配列が
返されるというのは理解出来ています。
その後のfilterとforEachメソッドのコールバック関数における仮引数kは、暫定的なインデックスを渡していると、解釈していいのでしょうか？

よろしくお願い致します。

該当のソースコード

「JavaScript Primer 迷わないための入門書」より
https://jsprimer.net/basic/object/

// 引数の`obj`を浅く複製したオブジェクトを返す
const shallowClone = (obj) => {
    return Object.assign({}, obj);
};
// 引数の`obj`を深く複製したオブジェクトを返す
function deepClone(obj) {
    const newObj = shallowClone(obj);
    // プロパティがオブジェクト型であるなら、再帰的に複製する
    Object.keys(newObj)
        .filter(k => typeof newObj[k] === "object")      // 疑問箇所
        .forEach(k => newObj[k] = deepClone(newObj[k])); // 疑問箇所
    return newObj;
}
const obj = {
    level: 1,
    nest: {
        level: 2
    }
};
const cloneObj = deepClone(obj);
// `nest`オブジェクトも再帰的に複製されている
console.log(cloneObj.nest === obj.nest); // => false

Answer 1

その後のfilterとforEachメソッドのコールバック関数における仮引数kは、暫定的なインデックスを渡していると、解釈していいのでしょうか？

MDNで「コールバック関数の第一引数」を確認しましょう。

• Array.prototype.filter() - JavaScript | MDN

callback
配列の各要素に対して実行するテスト関数です。この関数が true を返した要素は残され、false を返した要素は取り除かれます。

この関数は３つの引数を受け付けます。

element
配列内で処理中の現在の要素です。

---

• Array.prototype.forEach() - JavaScript | MDN

callbackFn
各要素に対して実行されるコールバック関数です。

この関数は、以下の引数と共に呼び出されます。

element
現在処理されている配列の要素です。

Re: taka_oct092018 さん

Comments

[taka_oct092018]

think49様、返信ありがとうございます。
Object.keys(newObj)から返されるのはプロパティを表した文字列の配列でした。
ありがとうございます。

[think49]

taka_oct092018 さん
ついでに、過去質問もご確認ください。
https://teratail.com/questions/3t261rpc0oamh8#reply-cpko0vtmdl6sp4