JavaScriptで深くネストされた値に安全にアクセスする
lodashのgetメソッドを使用して、任意のレベルのプロパティを安全に取得できます。第1レベルのプロパティを取得するのは非常に簡単です。ネストされたプロパティへのアクセスには注意が必要です。lodashなどのテスト済みのライブラリを使用する必要があります。
次の方法で、深くネストされたオブジェクトにアクセスできます-
例
let _ = require("lodash"); let obj = { a: { b: { foo: "test" }, c: 2 } }; console.log(_.get(obj, "a.b.foo")); console.log(_.get(obj, "a.c")); console.log(_.get(obj, "a.test")); console.log(_.get(obj, "a.test.x"));
出力
これにより、出力が得られます-
test 2 undefined undefined
次の方法で独自のgetProp関数を作成することもできます-
const getProp = (object, path) => { if (path.length === 1) return object[path[0]]; else if (path.length === 0) throw error; else { if (object[path[0]]) return getProp(object[path[0]], path.slice(1)); else { object[path[0]] = {}; return getProp(object[path[0]], path.slice(1)); } } };
配列を渡して小道具にアクセスすることで使用できます。
例
var obj = { level1:{ level2:{ level3:{ name: "Foo" } }, anotherLevel2: "bar" } }; console.log(getProp(obj, ["level1", "level2"]));
出力
これにより、出力が得られます-
{level3: {name: "Foo"}}
-
JavaScriptの関数によって返される配列へのアクセス
以下は、JavaScriptの関数によって返される配列にアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style&
-
JavaScriptで誤った値を特定する
JavaScriptでは、ブール型-false として評価されると、次の値がfalseと評価されます。 0 空の文字列: 、、または `` null 未定義 NaN —数値ではありません 以下は、JavaScriptで偽の値を識別するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="widt