JavaScript 배열 방법

JavaScript의 배열 방법은 무엇입니까?

JavaScript의 Array 메소드는 JavaScript의 내장 기능 중 일부입니다. 배열에 적용할 수 있습니다. 각 방법은 기능과 특징이 다릅니다. 이를 사용하여 어레이에서 다양한 작업을 수행할 수 있습니다. 이렇게 하면 간단한 함수를 작성하지 않아도 됩니다.

다음은 JavaScript의 배열 메서드입니다.

연결():

concat() 메서드는 두 개 이상의 배열을 추가하는 데 사용됩니다. 기존 배열을 변경하지 않지만 새 배열을 만들고 해당 배열의 복사본을 반환합니다.

예시:

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);
console.log(array3);
// expected output: Array ["a", "b", "c", "d", "e", "f"]

필터():

filter() 메서드는 배열의 각 요소와 함수 내부의 조건을 충족하는 요소로 새 배열을 만듭니다.

예시:

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

찾기():

find() 메서드는 배열의 각 요소와 비교하여 배열의 첫 번째 요소 값을 반환합니다. 함수 내부의 조건을 충족하는 요소입니다.

예시:

const array1 = [5, 12, 8, 130, 44];

const found = array1.find(element => element > 10);

console.log(found);
// expected output: 12

인덱스 찾기():

findIndex() 메서드는 배열의 각 요소와 비교하여 배열의 첫 번째 요소의 인덱스 번호를 제공합니다. 함수 내부의 조건을 충족하는 구성 요소입니다. 그렇지 않으면 조건을 충족하는 요소가 없음을 나타내는 -1을 반환합니다.

예시:

const array1 = [5, 12, 8, 9, 140, 130, 44];

const isLargeNumber = (element) => element > 13;

console.log(array1.findIndex(isLargeNumber));
// expected output: 4

각각():

forEach() 메서드는 배열의 각 요소에 대해 한 번씩 함수를 호출하고 함수는 한 번에 하나의 요소를 반환합니다.

예시:

const array1 = ['a', 'b', 'c'];

array1.forEach(element => console.log(element));

// expected output: "a"
// expected output: "b"
// expected output: "c"

포함():

Include() 메서드는 배열에 특정 요소가 포함되어 있는지 확인합니다. 그리고 참 또는 거짓을 반환합니다.

예시:

const array1 = [1, 2, 3];
console.log(array1.includes(2));
// expected output: true
const pets = ['cat', 'dog', 'bat'];
console.log(pets.includes('cat'));
// expected output: true
console.log(pets.includes('at'));
// expected output: false

indexOf():

indexOf() 메서드는 배열에서 지정된 요소의 첫 번째 인덱스를 반환하고, 그렇지 않으면 찾을 수 없으면 -1을 반환합니다.

예시:

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];

console.log(beasts.indexOf('bison'));
// expected output: 1

console.log(beasts.indexOf('giraffe'));
// expected output: -1

팝():

pop() 메서드는 배열에서 마지막 요소를 제거하고 해당 요소를 반환합니다. 그리고 마지막 요소를 제외한 나머지 요소로 새 배열을 형성합니다. 이 메서드는 배열의 길이를 변경합니다.

예시:

const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato'];

console.log(plants.pop());
// expected output: "tomato"

console.log(plants);
// expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"]

옮기다():

shift() 메서드는 배열에서 첫 번째 요소를 제거하고 제거된 요소를 반환합니다. 그리고 첫 번째 요소를 제외한 다른 모든 요소로 새 배열을 형성합니다. 이 메서드는 배열의 길이를 변경합니다.

예시:

const array1 = [1, 2, 3];

console.log(array1.shift());
// expected output: 1

console.log(array1);
// expected output: Array [2, 3]

푸시():

push() 메서드는 배열 끝에 새 요소를 추가하고 끝에 요소를 사용하여 새 배열을 만들고 새 길이를 반환합니다. 이 메서드는 배열의 길이를 변경합니다.

예시:

const animals = ['pigs', 'goats', 'sheep'];

console.log(animals);
// expected output: Array ["pigs", "goats", "sheep"]

animals.push('chickens', 'cats', 'dogs');
console.log(animals);
// expected output: Array ["pigs", "goats", "sheep", "chickens", "cats", "dogs"]

언시프트():

unshift() 메서드는 배열의 시작 부분에 하나 이상의 새 요소를 추가하고 첫 번째 요소로 새 배열을 형성하고 새 길이를 반환합니다. 이 메서드는 배열의 길이를 변경합니다.

예시:

const array1 = [1, 2, 3];

console.log(array1);
// expected output: Array [1, 2, 3]

array1.unshift(4, 5)

console.log(array1);
// expected output: Array [4, 5, 1, 2, 3]

결론

이 튜토리얼에서 우리는 몇 가지 일반적인 배열 방법을 배웠습니다. Part-2는 Array 메서드에 대한 자세한 내용과 함께 곧 제공될 것입니다.

참조

MDN Web Docs

W3Schools Web Docs

읽어 주셔서 감사합니다

저에게 연락하십시오:

Portfolio

GitHub