색인이 생성된 컬렉션 ~에 자바스크립트 요소가 숫자 인덱스로 저장되고 액세스되는 배열과 같은 데이터 구조를 참조합니다. 배열을 사용하면 정렬된 데이터를 효율적으로 저장하고 검색할 수 있으며 해당 요소를 조작하고 탐색할 수 있는 방법을 제공합니다.

예

안 정렬 'student'라는 이름에는 학생의 이름이 포함되어 있으며 인덱스 값은 Roll입니다. 숫자 학생들의. JavaScript에는 명시적인 배열 데이터 유형이 없습니다. 그러나 JavaScript에서 미리 정의된 Array 개체와 해당 메서드를 사용하여 배열 작업을 수행할 수 있습니다.

어레이 생성: 아래 나열된 배열을 만들고 초기화하는 방법에는 여러 가지가 있습니다.

• 배열 길이를 정의하지 않고 배열을 생성합니다. 이 경우 길이는 인수 수와 같습니다.

통사론:

let arr = new Array( element0, element1, ... ); let arr = Array( element0, element1, ... ); let arr = [ element0, element1, ... ];>

• 주어진 크기의 배열 생성

통사론:

let arr = new Array(6); let arr = Array(6); let arr = []; arr.length = 6;>

• 가변 길이 배열을 만들고 필요에 따라 많은 요소를 추가합니다.

// First method: Initialize an empty // array then add elements let students = []; students [0] = 'Sujata Singh'; students [1] = 'Mahesh Kumar'; students [2] = 'Leela Nair'; // Second method: Add elements to // an array when you create it let fruits = ['apple', ‘mango', 'Banana'];>

배열에 적용할 수 있는 메서드는 다음과 같습니다.

• 배열 요소에 액세스
• 배열 길이 얻기
• 배열 반복
  • 루프용 자바스크립트
  • JavaScript forEach() 루프
  • JavaScript forEach 루프 ~와 함께 화살표 기능
• 배열 방법
  • JavaScript push() 메서드
  • 자바스크립트 pop() 메서드
  • JavaScript concat() 메서드
  • JavaScript Join() 메서드
  • JavaScript sort() 메서드
  • JavaScript indexOf() 메서드
  • 자바스크립트 Shift() 메서드
  • JavaScript filter() 메서드

배열 요소에 액세스

배열 요소에 액세스하려면 인덱스를 사용하세요. 배열의 인덱스는 0부터 시작합니다. 즉, 요소의 인덱스는 0부터 시작됩니다.

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits [0]); console.log(fruits[1]);>

Apple Mango>

배열 길이 얻기

배열의 길이를 얻으려면 array_name을 사용하십시오. 길이 속성 .

let fruits = ['Apple', 'Mango', 'Banana']; console.log(fruits.length)>

3>

배열 반복

배열 요소를 반복하는 방법에는 여러 가지가 있습니다.

• 루프용 자바스크립트 : for 루프는 루프 구조를 작성하는 간결한 방법을 제공합니다. while 루프와 달리 for 문은 초기화, 조건, 증가/감소를 한 줄로 소비하므로 더 짧고 디버그하기 쉬운 루프 구조를 제공합니다.

const fruits = ['Apple', 'Mango', 'Banana']; for (let i = 0; i < fruits.length; i++) {  console.log(fruits[i]); }>

Apple Mango Banana>

• JavaScript forEach() 루프 : forEach() 함수는 배열의 각 요소에 대해 한 번씩 제공됩니다. 제공된 함수는 주어진 배열의 요소에 대해 모든 종류의 작업을 수행할 수 있습니다.

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(function (fruit) {  console.log(fruit); });>

Apple Mango Banana>

• 자바스크립트 forEach 루프 ~와 함께 화살표 기능 :

const fruits = ['Apple', 'Mango', 'Banana']; fruits.forEach(fruit =>console.log(과일));>

Apple Mango Banana>

배열 방법

배열 작업에 사용할 수 있는 다양한 배열 방법이 있습니다. 이것들은:

• 자바스크립트 push() 메서드 : 이 메서드는 배열 끝에 하나 이상의 요소를 추가하고 결과 배열 길이를 반환합니다.

let numbers = new Array('1', '2'); numbers.push('3'); console.log(numbers);>

[ '1', '2', '3' ]>

• 자바스크립트 pop() 메서드 : 이 메서드는 배열에서 마지막 요소를 제거하고 해당 요소를 반환합니다.

let numbers = new Array('1', '2', '3'); let last = numbers.pop(); console.log(last);>

3>

• JavaScript concat() 메서드 : 이 방법 조인 두 개의 배열을 사용하고 새 배열을 반환합니다.

let myArray = new Array('1', '2', '3'); myArray = myArray.concat('a', 'b', 'c'); console.log(myArray);>

[ '1', '2', '3', 'a', 'b', 'c' ]>

• JavaScript Join() 메서드 : 이 메서드는 배열의 모든 요소를 ​​결합하여 문자열을 만듭니다.

let students = new Array('john', 'jane', 'joe'); let list = students.join(' - '); console.log(list);>

john - jane - joe>

• JavaScript sort() 메서드 : 이 메서드는 배열의 요소를 정렬합니다.

let myArray = new Array('West', 'East', 'South'); myArray.sort(); console.log(myArray);>

[ 'East', 'South', 'West' ]>

• JavaScript indexOf() 메서드 : 이 메소드는 배열에서 요소를 검색하고 해당 요소가 처음 나타나는 인덱스를 반환합니다.

let myArr = ['a', 'b', 'a', 'b', 'a']; console.log(myArr.indexOf('b'));>

1>

• 자바스크립트 Shift() 메서드 : 이 메서드는 배열에서 첫 번째 요소를 제거하고 해당 요소를 반환합니다.

let myArr = new Array('a', 'b', 'c'); let first = myArr.shift(); console.log(first);>

a>

• JavaScript reverse() 메서드 : 이 메서드는 첫 번째 배열 요소가 마지막이 되고 마지막 요소가 첫 번째가 되도록 반전합니다. 이 방식으로 배열의 모든 요소를 ​​바꾸고 배열에 대한 참조를 반환합니다.

let myArr = new Array('a', 'b', 'c'); myArr.reverse(); console.log(myArr);>

[ 'c', 'b', 'a' ]>

• 자바스크립트 map() 메서드 : 이 메서드는 모든 배열 항목에 대해 함수를 실행하여 반환된 값의 새 배열을 반환합니다.

let myArr1 = ['a', 'b', 'c']; let a2 = myArr1.map(function (item) {  return item.toUpperCase(); }); console.log(a2);>

[ 'A', 'B', 'C' ]>

• JavaScript filter() 메서드 : 이 메서드는 함수가 true를 반환한 항목이 포함된 새 배열을 반환합니다.

let myArr1 = ['a', 10, 'b', 20, 'c', 30]; let a2 = myArr1.filter(function (item) {  return typeof item === 'number'; }); console.log(a2);>

[ 10, 20, 30 ]>