ホームページ > 記事 > ウェブフロントエンド > JavaScript で連想配列のキーを取得する 2 つの方法
JavaScript で連想配列のキーを取得する 2 つの方法
- 藏色散人オリジナル
- 2021-08-25 11:26:032702ブラウズ
前回の記事「JavaScriptで数値配列の中央値を取得する方法(2つの方法)」で数値配列の中央値を取得する方法を紹介しましたので、興味のある方は参考にしてみてください。見てみましょう~
この記事の主な内容は、JavaScript を使用して 2 つの方法で連想配列のキーを取得する方法を説明することです。
まず、連想配列とは何かについて簡単にご紹介します。
連想配列: 連想配列は、キーと値のペアを格納するために使用されます。たとえば、さまざまな科目の生徒の成績を配列に保存する場合、数値インデックス付きの配列は決して最適な選択ではありません。代わりに、生徒の名前を連想配列のキーとして使用し、その値が各生徒が取得した点数になります。連想配列では、キーと値のペアが : 記号に関連付けられます。
次に、連想配列のキーを取得する 2 つの方法を紹介します。
方法 1:
この方法では、for ループを使用して連想配列全体を走査し、配列の主要な要素を表示します。
構文:
for (var key in dictionary) {
// ...
}完全なサンプル コードは次のとおりです: 連想配列をループしてキーを出力します
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script>
var arr = {
"牛顿": "重力",
"艾伯特": "能源",
"爱迪生": "灯泡",
"特斯拉": "AC"
};
document.write("显示的Keys: <br>");
// 循环打印keys
for (var key in arr) {
if (arr.hasOwnProperty(key)) {
// 打印Keys
document.write(key + "<br>");
}
}
</script>
</head>
<body>
</body>
</html>結果を出力します:
显示的Keys: 牛顿 艾伯特 爱迪生 特斯拉
方法 2:
Object.keys() 関数の使用: Object.keys() は、配列のすべてのキーを取得するために使用できる JavaScript の組み込み関数です。 。
構文:
Object.keys(obj)
サンプル コードは次のとおりです。 Object.keys() を使用して、連想配列のキーにアクセスします。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script>
var arr = {
"牛顿": "重力",
"艾伯特": "能源",
"爱迪生": "灯泡",
"特斯拉": "AC"
};
// 获取keys
var keys = Object.keys(arr);
document.write("Keys显示如下：<br>");
// 打印keys
document.write(keys);
</script>
</head>
<body>
</body>
</html>印刷結果は次のとおりです。
Keys显示如下： 牛顿,艾伯特,爱迪生,特斯拉
最後に、「JavaScript Basic Tutorial」をお勧めします ～皆さんもぜひ学習してください～
以上がJavaScript で連想配列のキーを取得する 2 つの方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。