JavaScript에서 연관 배열의 키를 얻는 두 가지 방법-JS 튜토리얼-php.cn

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

藏色散人

풀어 주다： 2021-08-25 11:26:03

원래의

2764명이 탐색했습니다.

이전 글 "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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

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