JavaScript 학습 노트_javascript 기술 배열 추가, 삭제, 수정 및 확인

프로그래밍 언어에서 배열의 중요성은 자명합니다. JavaScript의 배열은 가장 일반적으로 사용되는 객체 중 하나입니다. 배열은 약한 유형으로 인해 매우 유연하고 강력합니다. 동일한 유형 또는 해당 하위 유형의 요소만 저장할 수 있는 Java와 같은 강력한 유형의 고급 언어의 배열과 달리 JavaScript는 여러 유형의 요소를 동일한 배열에 저장할 수 있으며 길이도 동적으로 조정할 수 있습니다. 데이터가 증가함에 따라 또는 배열 길이에 대한 자동 변경을 줄입니다.

배열은 배열 추가, 삭제, 수정, 확인과 같은 몇 가지 고전적인 작업을 포함하는 JavaScript의 일반적인 개체입니다. 이 기사에서는 이와 관련된 작업 방법을 주로 요약합니다.

배열 항목 추가

먼저 배열 항목을 배열에 추가하는 방법을 살펴보겠습니다. 배열이 있다고 가정합니다:

var arr = [];

위에서는 배열을 선언했지만 이 배열은 빈 배열[]이고 길이 값이 0입니다. 다음으로 배열 arr에 배열 항목을 추가하는 방법을 살펴보겠습니다. 가장 간단한 방법은 인덱스 값을 통해 배열 항목을 배열에 추가하는 것입니다.

var arr = [];
arr[0] = 'a';
arr[1] = 'b';
arr[2] = 1;
arr[3] = 2;
console.log(arr); // ["a", "b", 1, 2]
console.log(arr.length); // 4

또한, 배열의 길이 값을 변경하여 배열 항목을 배열에 추가할 수도 있지만, 이렇게 배열에 추가된 배열 항목은 모두 정의되지 않습니다.

var arr = [];
arr[0] = 'a'; // 给数组arr添加一个`a`数组项
arr.length = 5; // 改变数组的`length`值为`5`
console.log(arr); // ["a", undefined × 4]

이 방법도 배열 항목을 배열에 추가하기는 하지만 상대적으로 번거롭습니다. 실제로 배열 항목을 배열에 추가하는 것은 그리 어렵지 않습니다. 배열에서 제공하는 기본 메서드를 통해 배열 항목을 배열에 추가할 수 있습니다.

푸시()

배열 끝에 하나 이상의 배열 항목을 추가하려면 push() 메서드를 사용하세요.

var arr = [];
arr.push('a','b');
console.log(arr); // ['a','b']
unshift()

push() 메서드를 사용하여 배열 끝에 하나 이상의 배열 항목을 추가한 다음 unshift() 메서드를 사용하여 배열 앞에 하나 이상의 배열 항목을 추가합니다.

var arr = ['a','b'];
arr.unshift(1,2);
console.log(arr); // [1, 2, "a", "b"]

이 두 가지 방법 외에도 splice() 메서드를 사용하여 배열 항목을 배열에 추가할 수도 있습니다.

var arr = ['a','b','c',1,2];
arr.splice(2,0,'d','c','e');
console.log(arr); // ["a", "b", "d", "c", "e", "c", 1, 2]

splice() 메서드 외에도 concat() 메서드를 사용하여 배열 항목을 배열에 추가할 수도 있습니다. 그러나 이 메서드를 사용하면 원래 배열이 변경되지 않지만 원본에 새 배열이 생성됩니다. 배열:

var arr = ['a','b','c'];
var arr2 = arr.concat('d',1,2,['e',3]);
console.log(arr); // ["a", "b", "c"]
console.log(arr2); // ["a", "b", "c", "d", 1, 2, "e", 3]

배열 항목 삭제

배열 작업의 경우 배열 항목을 추가하는 것 외에도 배열을 삭제해야 하는 경우가 많습니다. 배열 항목을 삭제하는 데 일반적으로 사용되는 메서드는 pop() 및 Shift()입니다.

팝()

pop() 메서드는 배열 끝에서 배열 항목을 제거할 수 있습니다.

var arr = ['a','b','c','d',1,2];
arr.pop();
console.log(arr); // ["a", "b", "c", "d", 1]

시프트()

shift() 메서드는 pop() 메서드와 정반대입니다. 배열의 첫 번째 항목을 삭제할 수 있습니다.

var arr = ['a','b','c','d',1,2];
arr.shift();
console.log(arr); // ["b", "c", "d", 1, 2]

pop() 메서드든 Shift() 메서드든 배열에서 한 번에 하나의 배열 항목만 삭제할 수 있지만, 많은 경우 이런 방식으로 배열 항목을 삭제하는 것은 상대적으로 번거로운 작업입니다. 배열 작업에서는 이 두 가지 메서드 외에도 Slice() 및 splice() 메서드를 통해 배열 항목을 삭제할 수도 있습니다.

슬라이스()

slice() 메서드는 배열에서 여러 배열 항목을 삭제할 수 있지만, 차이점은 Slice()는 원본 배열에 영향을 주지 않고 원본 배열을 기반으로 배열의 복사본만 생성한다는 것입니다.

var arr = [1,2,3,4,'a','b'];
var arr2 = arr.slice(2);
console.log(arr); // [1, 2, 3, 4, "a", "b"]
console.log(arr2); // [3, 4, "a", "b"]
console.log(arr3); // ["a", "b"]

스플라이스()

배열에 배열 항목을 추가하는 것 외에도 splice() 메서드는 배열에서 배열 항목을 삭제할 수도 있습니다.

var arr = [1,2,3,4,'a','b','c'];
var arr2 = arr.splice(2,2);
console.log(arr); // [1, 2, "a", "b", "c"]
console.log(arr2); // [3, 4]

배열 변경

배열의 splice() 메서드는 배열에서 배열 항목을 추가하고 삭제하는 것 외에도 배열을 변경할 수도 있습니다.

var arr = [1,2,3,4,5,6];
var arr2 = arr.splice(2,3,'a','b','c');
console.log(arr); // [1, 2, "a", "b", "c", 6]
console.log(arr2); // [3, 4, 5]

배열 쿼리

여기서 언급한 배열 쿼리는 실제로 배열의 쿼리 추출을 의미합니다. 사용되는 메소드는 Slice() 메소드입니다:

var arr = [1,2,3,4,5,6];
var arr2 = arr.slice(-3);
console.log(arr); // [1, 2, 3, 4, 5, 6]
console.log(arr2); // [4, 5, 6]

요약

다음은 배열의 추가, 삭제, 수정, 확인과 관련된 방법을 간단하게 요약한 것입니다. 간단히 요약하자면:

배열 항목을 추가하는 방법: 배열 항목의 값을 직접 변경하고 배열의 길이를 수정하여 배열 항목을 배열에 추가하는 방법 외에도 push(), unshift(), concat()를 사용할 수도 있습니다. 배열 항목을 추가하려면 splice()를 사용하세요.

배열 항목 삭제 방법: 배열 항목 삭제 방법에는 pop(), Shift(), Slice() 및 splice() 메서드가 있습니다

배열 항목 변경 방법: 배열에서는 주로 splice() 메소드를 사용하여 배열 항목을 변경합니다

쿼리 배열 항목 메서드: 쿼리 배열 항목 메서드는 실제로 배열에 대한 쿼리 및 추출 함수로 주로 사용되는 메서드는 슬라이스() 메서드입니다

pop(), push(), Shift() 및 unshift() 작업 메서드에 대한 자세한 내용을 보려면 여기를 클릭하세요. concat(), Slice() 및 splice() 메서드에 대한 관련 소개를 보려면 여기를 클릭하세요.

여기서 편집자가 자바스크립트 학습 노트의 배열 추가, 삭제, 수정, 검색 방법을 소개하겠습니다. 도움이 되셨으면 좋겠습니다! 자바스크립트에 대한 더 많은 지식이 궁금하시다면 스크립트하우스 공식 홈페이지를 방문해주세요!