공통 어레이 작업

배열 만들기
이 예제는 새 배열을 만드는 세 가지 방법을 보여줍니다. 먼저 배열 리터럴 표기법을 사용한 다음 Array() 생성자를 사용하고 마지막으로 String.prototype.split()을 사용하여 문자열에서 배열을 만듭니다.

// 'fruits' array created using array literal notation.
const fruits = ['Apple', 'Banana'];
console.log(fruits.length);
// 2

// 'fruits' array created using the Array() constructor.
const fruits = new Array('Apple', 'Banana');
console.log(fruits.length);
// 2

// 'fruits' array created using String.prototype.split().
const fruits = 'Apple, Banana'.split(', ');
console.log(fruits.length);
// 2

2. 배열에서 문자열 만들기
join() 메서드를 사용하여 배열에서 문자열을 만듭니다.

const fruits = ['Apple', 'Banana'];
const fruitsString = fruits.join(', ');
console.log(typeof fruitsString,fruitsString);
//string
// "Apple, Banana"

인덱스로 배열 항목에 액세스

배열에서 해당 위치의 인덱스 번호를 지정하여 배열의 항목에 액세스합니다.

const fruits = ['Apple', 'Banana'];

// The index of an array's first element is always 0.
fruits[0]; // Apple

// The index of an array's second element is always 1.
fruits[1]; // Banana

// The index of an array's last element is always one
// less than the length of the array.
fruits[fruits.length - 1]; // Banana

// Using a index number larger than the array's length
// returns 'undefined'.
fruits[99]; // undefined

** 배열에서 항목의 인덱스 찾기 **
과일 배열에서 문자열 "Banana"의 위치(인덱스)를 찾는 indexOf() 메서드. 해당 인덱스의 항목이 없으면 -1을 반환합니다.

const fruits = ['Apple', 'Banana'];
console.log(fruits.indexOf('Banana'));

배열에 특정 항목이 포함되어 있는지 확인
fruits 배열에는 "Banana"및 "Cherry"가 포함되어 있습니다. 먼저 includes() 메서드를 사용한 다음 indexOf() 메서드를 사용하여 인덱스 값이 -1이 아닌지 테스트합니다.

const fruits = ['Apple', 'Banana'];

fruits.includes('Banana'); // true
fruits.includes('Cherry'); // false

// If indexOf() doesn't return -1, the array contains the given item.
fruits.indexOf('Banana') !== -1; // true
fruits.indexOf('Cherry') !== -1; // false

6. 배열에 항목 추가

과일 배열에 새 문자열을 추가하는 push() 메서드입니다.

const fruits = ['Apple', 'Banana'];
const newLength = fruits.push('Orange');
console.log(fruits);
// ["Apple", "Banana", "Orange"]
console.log(newLength);
// 3

7. 배열 끝에서 여러 항목 제거

splice() 메서드를 사용하여 fruits 배열에서 마지막 3개 항목을 제거합니다.

const fruits = ['Apple', 'Banana', 'Strawberry', 'Mango', 'Cherry'];
const start = -3;
const removedItems = fruits.splice(start);
console.log(fruits);
// ["Apple", "Banana"]
console.log(removedItems);
// ["Strawberry", "Mango", "Cherry"]

배열을 처음 N 항목까지만 자릅니다.

이 예제에서는 splice() 메서드를 사용하여 fruits 배열을 처음 2개 항목으로 자릅니다.

const fruits = ['Apple', 'Banana', 'Strawberry', 'Mango', 'Cherry'];
const start = 2;
const removedItems = fruits.splice(start);
console.log(fruits);
// ["Apple", "Banana"]
console.log(removedItems);
// ["Strawberry", "Mango", "Cherry"]

9. 배열에서 첫 번째 항목 제거

과일 배열에서 첫 번째 항목을 제거하는 shift() 메서드입니다. 제거된 항목을 반환하고 원래 배열을 수정합니다.

const fruits = ['Apple', 'Banana'];
const removedItem = fruits.shift();
console.log(fruits);
// ["Banana"]
console.log(removedItem);
// Apple

10. 배열 시작 부분에서 여러 항목 제거

과일 배열에서 처음 3개 항목을 제거하는 splice() 메소드.

const fruits = ['Apple', 'Strawberry', 'Cherry', 'Banana', 'Mango'];
const start = 0;
const deleteCount = 3;
const removedItems = fruits.splice(start, deleteCount);
console.log(fruits);
// ["Banana", "Mango"]
console.log(removedItems);
// ["Apple", "Strawberry", "Cherry"]

11.배열에 새로운 첫 번째 항목 추가

unshift() 메서드는 과일 배열에 새 항목을 인덱스 0에 추가하여 배열의 새 첫 번째 항목으로 만듭니다. 이 메서드는 배열의 새 길이를 반환하고 배열을 수정합니다.

const fruits = ['Banana', 'Mango'];
const newLength = fruits.unshift('Strawberry');
console.log(fruits);
// ["Strawberry", "Banana", "Mango"]
console.log(newLength);
// 3

인덱스별로 단일 항목 제거

splice() 메서드는 "Banana"의 인덱스 위치를 지정하여 과일 배열에서 문자열 "Banana"를 제거합니다.

const fruits = ['Strawberry', 'Banana', 'Mango'];
const start = fruits.indexOf('Banana');
const deleteCount = 1;
const removedItems = fruits.splice(start, deleteCount);
console.log(fruits);
// ["Strawberry", "Mango"]
console.log(removedItems);
// ["Banana"]

13.**Remove multiple items by index**

The **splice()** method to remove the strings "Banana" and "Strawberry" from the fruits array — by specifying the index position of "Banana", along with a count of the number of total items to remove.

js
const fruits = ['사과', '바나나', '딸기', '망고'];
상수 시작 = 1;
const deleteCount = 2;
const removedItems = fruits.splice(start, deleteCount);
console.log(과일);
//["사과", "망고"]
console.log(제거된 항목);
//["바나나", "딸기"]

배열에서 여러 항목 바꾸기

이 예제에서는 splice() 메서드를 사용하여 fruits 배열의 마지막 2개 항목을 새 항목으로 바꿉니다.

const fruits = ['Apple', 'Banana', 'Strawberry'];
const start = -2;
const deleteCount = 2;
const removedItems = fruits.splice(start, deleteCount, 'Mango', 'Cherry');
console.log(fruits);
// ["Apple", "Mango", "Cherry"]
console.log(removedItems);
// ["Banana", "Strawberry"]

배열을 반복합니다

.

for...of 루프는 fruits 배열을 반복하여 각 항목을 콘솔에 기록합니다.

const fruits = ['Apple', 'Mango', 'Cherry'];
for (const fruit of fruits) {
  console.log(fruit);
}
// Apple
// Mango
// Cherry

15.배열 복사

먼저 스프레드 구문을 사용한 다음 from() 메서드를 사용한 다음 슬라이스() 메서드를 사용합니다.

const fruits = ['Strawberry', 'Mango'];

// Create a copy using spread syntax.
const fruitsCopy = [...fruits];
// ["Strawberry", "Mango"]

// Create a copy using the from() method.
const fruitsCopy = Array.from(fruits);
// ["Strawberry", "Mango"]

// Create a copy using the slice() method.
const fruitsCopy = fruits.slice();
// ["Strawberry", "Mango"]