[Javascript] 배열(forEach, includes, find, ...)

ㅁ 배열과 반복

forEach(): 주어진 함수를 배열 요소 각각에 대해 실행하는 메소드, 필요 인자로 실행할 함수 필요

* forEach는 원본 배열의 값을 변경하거나 값을 리턴하지 않음, 따로 저장 필요

const arr = [1, 2, 3];

arr.forEach((num, index) => {
	console.log(`${index+1}번째 요소: ${num}`);
});
//'1번째 요소: 1' 출력
//'2번째 요소: 2' 출력
//'3번째 요소: 3' 출력

const arr = [1, 2, 3];

arr.forEach((num) => num *3);
console.log(arr);	// [1, 2, 3] 출력

 

ㅁ 배열 요소 검색과 정렬

includes(): 배열이 주어진 요소를 포함하는지 확인, true 또는 false 값 리턴

const arr = ['hi', 'bae'];
console.log(arr.includes('hi'));		//true
console.log(arr.includes('hello'));		//false

 

find(): 주어진 판별 함수를 만족하는 첫 번재 요소의 값을 반환, 값이 없다면 undefined를 반환

const arr = ['hello', 'hi', 'bae', 'jang'];
const key = arr.find((val) => val.length < 3);

console.log(key);	// 'hi' 출력

 

findIndex(): 주어진 판별 함수를 만족하는 첫 번째 요소의 인덱스를 반환, 값이 없다면 -1을 반환

const arr = [1, 2, 3, 4, 5];
const key = arr.findIndex((num) => num > 3);

console.log(key);	// (4에 해당하는 인덱스) 3 출력

 

sort(): 배열을 정렬한 다음 정렬된 배열을 반환, 반환되는 배열은 새로운 배열이 아니라 원본배열이 수정됨

*문자열의 유니코드 순서에 따르기 때문에 숫자 정렬은 정확하지 않을 수 있음

const arr = [10, 7, 5];
const arr2 = ['a', 'z', 'y', 'c'];

console.log(arr);			// [10, 7, 5]
console.log(arr.sort());	// [10, 5, 7]
console.log(arr);			// [10, 5, 7]
	
console.log(arr2);			// ["a", "z", "y", "c"]
console.log(arr2.sort());	// ["a", "c", "y", "z"]
console.log(arr2);			// ["a", "c", "y", "z"]