특이한 JavaScript 배열 및 해당 길이 속성

처음( unshift(...items)/shift() ) 및 끝( push(...items)/pop() )에서 항목을 추가/제거하는 방법을 사용했습니다. 또한 배열에서 toString() 메서드를 사용하여 문자열로 변환했습니다.

이 기사에서는 더 많은 방법을 사용할 것입니다.

방법은 다음과 같습니다.

접합 방법

다음은 구문입니다.

array.splice(start[, deleteCount, elem1, ..., elemN])

아래 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

console.log( fruits.splice(2, 2) ); // [ "Melon", "Banana" ]
console.log(fruits); // [ "Apple", "Orange", "Advocado" ]

start => 인덱스 0는 Apple이고 1는 Orange이고 2는 Melon입니다.
deleteCount => 삭제 횟수는 start가 끝나는( 2 ) 즉 Melon 에서 시작됩니다. 이는 삭제 횟수가 Melon ( 1 ) 및 Banana ( 2 )에 있음을 의미합니다.

아래의 다른 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

console.log( fruits.splice(2, 2, "Mango", "Grape") ); 
// [ "Melon", "Banana" ]
console.log(fruits); 
// [ "Apple", "Orange", "Mango", "Grape", "Advocado" ]

elem1, ..., elemN => Melon 및 Banana는 Mango 및 Grape로 대체됩니다.

아래의 다른 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

console.log( fruits.splice(2, 0, "Cherry") ); // []
console.log(fruits); 
// [ "Apple", "Orange", "Cherry", "Melon", "Banana", "Advocado" ]

deleteCount => 삭제 횟수가 0, < 0 이면 elem1, ..., elemN가 끝나는 지점 이전에 더 많은 항목( start )이 추가됩니다.

아래의 다른 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

console.log( fruits.splice(-2, 1, "Cherry") ); // [ "Banana" ]
console.log(fruits); 
// [ "Apple", "Orange", "Cherry", "Melon", "Cherry", "Advocado" ]

Notice that fruits is destructive as it returns the new items in the array. The splice is a destructive method.

-start => 음수start는 마지막 인덱스(여기서 start )에서 length - 1 카운트를 의미합니다. 위의 예에서 -1는 Advocado이고, -2는 Banana입니다. 이는 Banana가 Cherry로 대체됨을 의미합니다.

슬라이스 방법

다음은 구문입니다.

array.slice(start, end)

start => start 인덱스0에서 카운트end => end 인덱스 0에서 end - 1까지 카운트

아래 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

console.log( fruits.slice(1, 3) ); // [ "Orange", "Melon" ]
console.log(fruits); 
// [ 'Apple', 'Orange', 'Melon', 'Banana', 'Advocado' ]

Notice that fruits is non-destructive as it still returns the original items in the array. The slice is a destructive method.

start => 인덱스 0는 Apple이고, 1는 Orange입니다.
end => 인덱스 0는 Apple, 1는 Orange, 2는 Melon, 3는 Banana이지만 제외
slice 메서드는 비파괴적인 메서드이므로 제거된 항목을 새 변수에 저장해야 합니다.

아래 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon", "Banana", "Advocado" ]

const newFruits = fruits.slice(1, 3); 
console.log(newFruits); // [ "Orange", "Melon" ]

연결 방법

다음은 구문입니다.

array.concat(arg1, arg2, ..., argN)

인수 ( arg1, arg2, ..., argN )는 array 메서드를 사용할 때 concat에 추가할 수 있습니다.

아래 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon" ];

console.log( fruits.concat(Banana", "Advocado") );
// [ 'Apple', 'Orange', 'Melon', 'Banana', 'Advocado' ]
console.log(fruits); // [ 'Apple', 'Orange', 'Melon' ]

Notice that fruits is non-destructive as it still returns the original items in the array. The concat is a non-destructive method.

concat 방법은 비파괴적인 방법이므로 추가된 항목을 새 변수에 저장해야 합니다.

아래 예를 참조하십시오.

const fruits = [ "Apple", "Orange", "Melon" ];
const newFruits = fruits.concat(Banana", "Advocado");

console.log(newFruits); 
// [ 'Apple', 'Orange', 'Melon', 'Banana', 'Advocado' ]

The shift unshift push pop are all destructive methods.

방법에 대해 알아 보려면 이전 기사를 확인하십시오.

행복한 코딩