JavaScript で連想配列のキーを取得する 2 つの方法-jsチュートリアル-php.cn

JavaScript で連想配列のキーを取得する 2 つの方法

藏色散人

リリース： 2021-08-25 11:26:03

オリジナル

2763 人が閲覧しました

前回の記事「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 サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JavaScript で連想配列のキーを取得する 2 つの方法