JavaScript 치트시트

5. 배열

5.1 배열 리터럴

const numbers = [1, 2, 3, 4, 5];
const fruits = ['사과', '바나나', '오렌지'];
console.log(numbers);
console.log(fruits);

5.2 배열 요소 접근 및 수정

console.log(numbers[0]); // 1
numbers[1] = 20;
console.log(numbers); // [1, 20, 3, 4, 5]

5.3 배열 메서드

변형 메서드

numbers.push(6); // 끝에 추가
numbers.pop(); // 끝 제거
numbers.shift(); // 앞 제거
numbers.unshift(0); // 앞에 추가
numbers.splice(2, 1, 99); // 인덱스 2 삭제 후 99 추가
console.log(numbers);

조회 메서드

console.log(numbers.indexOf(99)); // 2
console.log(numbers.includes(20)); // true
console.log(numbers.find(x => x > 3)); // 4
console.log(numbers.findIndex(x => x > 3)); // 3

반복 및 변환

numbers.forEach(x => console.log(x));
const squared = numbers.map(x => x ** 2);
const even = numbers.filter(x => x % 2 === 0);
const sum = numbers.reduce((acc, val) => acc + val, 0);
console.log(squared, even, sum);
console.log(numbers.some(x => x > 10)); // false
console.log(numbers.every(x => x > 0)); // true

정렬과 조작

numbers.sort((a, b) => a - b);
numbers.reverse();
const combined = numbers.concat([7, 8, 9]);
const sliced = combined.slice(1, 4);
console.log(numbers, combined, sliced);
console.log(fruits.join(', ')); // '사과, 바나나, 오렌지'