>  기사  >  웹 프론트엔드  >  JavaScript에서 연관 배열의 키를 얻는 두 가지 방법

JavaScript에서 연관 배열의 키를 얻는 두 가지 방법

藏色散人
藏色散人원래의
2021-08-25 11:26:032753검색

이전 글 "JavaScript에서 숫자형 배열의 중앙값을 구하는 방법(2가지 방법)"에서 숫자형 배열의 중앙값을 구하는 방법을 소개해드렸는데요, 관심 있는 친구들은 배워보세요~

이 글 메인 내용은 JavaScript를 사용하여 두 가지 방법을 통해 연관 배열의 키를 얻는 방법을 가르치는 것입니다.

먼저 연관배열이 무엇인지 간략하게 소개하겠습니다.

연관 배열: 연관 배열은 키-값 쌍을 저장하는 데 사용됩니다. 예를 들어, 학생의 다양한 과목 점수를 배열에 저장하려면 숫자로 인덱스된 배열이 최선의 선택이 아닙니다. 대신, 학생 이름을 연관 배열의 키로 사용할 수 있으며 값은 각 학생이 획득한 점수가 됩니다. 연관 배열에서 키-값 쌍은 : 기호와 연관됩니다.

다음에서는 연관 배열의 키를 얻는 두 가지 방법을 소개합니다.

방법 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() 함수 사용: 개체 .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에서 연관 배열의 키를 얻는 두 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.