> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 중첩 어레이와 협력합니다

JavaScript에서 중첩 어레이와 협력합니다

Lisa Kudrow
풀어 주다: 2025-02-27 01:02:13
원래의
963명이 탐색했습니다.

Working With Nested Arrays in JavaScript javaScript 배열의 자세한 설명 JavaScript 배열은 목록 양식에 저장된 데이터 모음입니다. 배열은 인덱스를 사용하여 액세스되므로 각 배열 항목은 0부터 시작하는 정수 인덱스를 통해 액세스 할 수 있습니다.

예를 들어 간단한 배열은 다음과 같습니다

이 예에서 배열의 첫 번째 요소는 0으로 인덱싱되고, 두 번째 요소는 1으로 인덱싱됩니다.

어레이는 종종 빠르고 쉽게 액세스 해야하는 데이터 모음을 저장하는 데 사용됩니다. 예를 들어, 응용 프로그램에 사용자 그룹이있는 경우 어레이에 저장하여 인덱스를 통해 액세스 할 수 있습니다.

배열은 문자열, 숫자 및 객체를 포함한 다양한 유형의 값을 저장할 수 있습니다. 동일한 배열에 다른 유형의 값을 저장하는 것이 완전히 유효합니다.

다른 배열에 배열을 저장 (또는 둥지) 할 수도 있습니다. 이로 인해 소위 2 차원 배열이 생성됩니다.
let myArray = [1, 2, 3, 4, 5];
로그인 후 복사
JavaScript 중첩 어레이 <🎜 🎜> 2 차원 배열 (배열 어레이라고도 함)은 하나 이상의 서브 어레이를 포함하는 배열 일뿐입니다. 이 어린이 어레이는 부모 배열에 중첩되어 있습니다.

중첩 어레이를 사용하여 관련 요소를 그룹화 할 수 있습니다. 예를 들어 다음 2 차원 배열을 살펴 보겠습니다.

여기서, 우리는 같은 동물의 암컷과 남성 이름을 각 중첩 어레이에 페어링합니다. 암컷은 왼쪽에 있고 남성은 오른쪽에 있습니다.

첫 번째 요소에 액세스하려면 아래 그림과 같이 색인 0을 사용할 수 있습니다.
let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出: "John"
로그인 후 복사
인쇄는 콘솔에서 결과를 얻습니다

이제 중첩 배열의 값에 액세스하려면 액세스 할 값의 색인이 포함 된 두 번째 괄호를 추가해야합니다. 예를 들어, 첫 번째 배열에서 여성 이름을 얻으려고한다고 가정하십시오. 여성은 항상 앞에 있다는 것을 알고 있으므로 :

const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];
로그인 후 복사

사용

를 사용 하여이 중첩 어레이에서 첫 번째 요소를 얻으려면 (이 경우 여성 이름) : <🎜 🎜>

출력은 다음과 같습니다

첫 번째 중첩 어레이에서 두 번째 요소를 얻으려면 :

const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];
로그인 후 복사
이 경우 각 중첩 어레이에는 두 개의 요소 만 있으므로 인덱스는 <🎜 🎜>에서 끝나고 중첩 어레이를 반환하고 두 번째

메소드 : <🎜 🎜>

부모의 끝에 배열을 삽입하려면 배열을 부모 배열의
const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
로그인 후 복사
메소드로 전달하십시오.

마지막으로 마지막 배열을 삭제하려면 , 등을 삭제합니다.

그러나 중첩 어레이에서 데이터에 액세스하고 조작하는 방법을 이해하면 언어를 더 잘 이해할 수 있습니다. 또한 JavaScript에서 복잡한 배열 구조를 통과하기위한 구문을 마스터하는 데 도움이됩니다.

위 내용은 JavaScript에서 중첩 어레이와 협력합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿