ホームページ > ウェブフロントエンド > jsチュートリアル > 文字列パスを使用してネストされた JavaScript オブジェクト/配列値にアクセスする方法

文字列パスを使用してネストされた JavaScript オブジェクト/配列値にアクセスする方法

Linda Hamilton
リリース: 2024-12-22 05:37:12
オリジナル
978 人が閲覧しました

How to Access Nested JavaScript Object/Array Values Using String Paths?

文字列パスを使用したプロパティと要素へのアクセス

質問:

ネストされた JavaScript オブジェクトから値を取得するにはどうすればよいですか?プロパティまたは要素を指定する文字列パスを使用した配列names?

答え:

純粋な JavaScript を使用すると、次のヘルパー関数でこれを実現できます:

この関数は 2 つのパラメーターを取ります。 : ナビゲートするオブジェクトまたは配列、およびナビゲートするプロパティまたは要素を表す文字列パスretrieve.

例:

提供されたサンプル データ構造を使用してみましょう:

「part1」の「name」プロパティにアクセスするには" 文字列パスを使用するオブジェクトの場合、次を使用します:

同様に、 「part2」オブジェクトの「qty」プロパティ:

そして、「part3」配列の最初の要素の「name」プロパティにアクセスするには:

注: 数値配列インデックスの前に角括弧 (「[」) を付け、角括弧とピリオドを接尾辞として付けることが重要です(「].」)。これにより、関数が配列要素に正しくアクセスできるようになります。

以上が文字列パスを使用してネストされた JavaScript オブジェクト/配列値にアクセスする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート