자바스크립트 배열 사용법

Javascript는 일반적인 프로그래밍 언어이며 프런트엔드 개발에 가장 널리 사용되는 언어 중 하나입니다. 프런트엔드 개발에서 배열은 데이터 세트를 저장하고 조작하는 데 사용되는 가장 일반적인 데이터 유형 중 하나입니다. 이번 글에서는 자바스크립트 배열의 기본적인 사용법을 소개하겠습니다.

1. 배열 만들기

다음 두 가지 방법을 사용하여 JavaScript에서 배열을 만들 수 있습니다.

a. 배열 리터럴 사용

배열 리터럴은 대괄호 []로 둘러싸인 값 집합입니다. 쉼표로 구분할 수 있습니다. 정의:

let fruits = ['apple','orange','banana'];

b 새 키워드를 사용하세요.

새 키워드를 사용하여 배열을 만들 때 배열의 요소 수를 지정해야 합니다.

let cars = new Array(3); //创建一个大小为3的数组

2. 배열 요소에 액세스하세요. JavaScript에서 아래 첨자를 사용하여 배열 요소에 액세스합니다. 배열 첨자는 0부터 시작하여 순차적으로 증가합니다. 예:

console.log(fruits[0]); //输出"apple"
console.log(cars[1]); //输出undefined，因为数组cars中没有元素

3. 배열 요소 수정

아래 첨자를 통해 배열 요소의 값을 수정할 수 있습니다.

fruits[1] = 'grape';
console.log(fruits); //输出["apple","grape","banana"]

4 배열 길이를 가져옵니다.

길이 속성을 사용하여 배열 길이를 가져올 수 있습니다. :

console.log(fruits.length); //输出3
console.log(cars.length); //输出3，因为数组cars中有3个undefined元素

5. 배열 끝에 요소를 추가하세요

push() 메서드를 사용하여 배열 끝에 요소를 추가할 수 있습니다.

fruits.push('pear');
console.log(fruits); //输出["apple","grape","banana","pear"]

6. 배열 끝에 있는 요소를 삭제하세요

pop() 메서드를 사용하여 배열 끝의 요소를 삭제할 수 있습니다:

fruits.pop();
console.log(fruits); //输出["apple","grape","banana"]

7. 배열 반복

for 루프를 사용하여 배열의 요소를 반복하고 각 요소에 대해 동일한 작업을 수행할 수 있습니다.

for(let i=0; i<fruits.length; i++){
    console.log(fruits[i]);
}

forEach() 메서드를 사용하여 배열의 요소를 반복하고 각 요소에 대해 다른 작업을 수행할 수 있습니다.

fruits.forEach(function(fruit){
    console.log(fruit);
});

8. 배열에서 요소의 위치를 ​​찾습니다.

indexOf()를 사용할 수 있습니다. 배열에서 요소의 위치를 ​​찾는 방법:

console.log(fruits.indexOf('banana')); //输出2

요소가 배열에 없으면 -1을 반환합니다. lastIndexOf() 메서드를 사용하면 배열 끝부터 시작하는 요소를 찾을 수 있습니다.

9. 배열 정렬

sort() 메서드를 사용하여 배열을 정렬할 수 있습니다:

let numbers = [2,1,3,5,4];
numbers.sort();
console.log(numbers); //输出[1,2,3,4,5]

10. 배열 연결

concat() 메서드를 사용하여 두 개 이상의 배열을 연결할 수 있습니다:

let vegetables = ['carrot','cauliflower'];
let food = fruits.concat(vegetables);
console.log(food); //输出["apple","grape","banana","carrot","cauliflower"]

요약

이 기사에서는 배열 생성, 배열 요소 액세스, 배열 요소 수정, 배열 길이 가져오기, 배열 요소 추가 및 제거, 배열 반복, 요소 위치 찾기, 배열 정렬 및 배열 연결을 포함하여 JavaScript 배열의 몇 가지 기본 사용법을 소개합니다. 배열은 JavaScript 프로그래밍의 중요한 부분입니다. 이러한 사용법을 숙지하면 JavaScript를 더 잘 활용하여 프런트엔드 애플리케이션을 개발하는 데 도움이 됩니다.

위 내용은 자바스크립트 배열 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!