배열.reduce((누적값,현재값) => return 결과 , 초기값); 여기서 초기값은 누적값에 처음 대입하는 값을 의미한다. const numbers = [1, 2, 3, 4, 5]; // let sum = 0; // numbers.forEach(n=>{ // sum == n; // }) // console.log(sum); //위의 주석 코드를 reduce()를 이용하여 구현하면 다음과 같다 // 초기값은 0 const sum = numbers.reduce((accumulator,current) => accumulator + current, 0); console.log(sum); 배열.reduce((누적값,현재값,인덱스,배열) => return 결과 , 초기값); const numbers = [1,..

const array = [1,2,3,4,5]; console.log(array.join()); // 1,2,3,4,5 console.log(array.join(' ')); // 1 2 3 4 5 console.log(array.join(', ')); // 1, 2, 3, 4, 5 배열의 모든 요소를 연결해서 하나의 문자열로 만들어주는 join함수입니다. 벨로퍼트님의 자바스크립트 강의를 듣고 정리하였습니다.

배열끼리 합쳐주는 concat()함수 const arr1 = [1,2,3]; const arr2 = [4,5,6]; const concated = arr1.concat(arr2); console.log(concated); // [1,2,3,4,5,6] 다만 concat함수는 기존의 배열을 건드리지 않는 특징을 지닌다.

배열.shift()함수는 맨 앞에 있는 원소부터 하나씩 꺼내주고, 배열.pop()함수는 맨 뒤에 있는 요소부터 하나씩 꺼내준다. const numbers = [10, 20, 30, 40]; //맨 앞에 있는 원소부터 하나씩 꺼내는 shift()함수 const value = numbers.shift(); console.log(value); // 10 console.log(numbers); // [20,30,40] const nums = [10,20,30,40]; //맨 뒤에 있는 원소부터 하나식 빠지는 pop()함수 const val = nums.pop(); console.log(val); //40 console.log(nums); // [10,20,30] 배열.unshift()함수는 맨 앞에 요소를 추가..

splice함수로 기존 원본 배열의 요소를 제거할 수 있다. const numbers = [10, 20, 30, 40]; const index = numbers.indexOf(30); // index부터 시작해서 하나 제거하겠다. numbers.splice(index,1); console.log(numbers); //결과는 [10,20,40] 또는 제거한 요소를 변수에도 담을 수 있다. const numbers = [10, 20, 30, 40]; const index = numbers.indexOf(30); const spliced = numbers.splice(index,2) console.log(spliced); //결과는 [30,40] 기존의 배열을 변경하지 않고 해당 인덱스부터의 요소를 꺼내오는 ..

filter함수는 특정조건에 맞는 원소를 추출해서 새로운 배열을 반환해줍니다. const todos = [ { id: 1, text: '자바스크립트 입문', done: true, }, { id: 2, text: '함수 배우기', done: true, }, { id: 3, text: '객체와 배열 배우기', done: true, }, { id: 4, text: '배열 내장함수 배우기', done: false } ] //특정 조건에 맞는 원소를 추출해서 새로운 배열을 반환해주는 함수 filter() //const tasksNotDone = todos.filter(todo => todo.done === false); const tasksNotDone = todos.filter(todo => !todo.done..

배열.indexOf(배열의 요소); 로 해당 배열의 인덱스 값을 알아낼 수 있다. const superheroes = ['아이언맨','캡틴 아메리카','토르','닥터 스트레인지']; const index = superheroes.indexOf('토르'); console.log(index); // 결과로 2 find()는 찾은 값 자체를 반환하고 findIndex()는 찾은 값의 인덱스 번호를 반환한다. const todos = [ { id: 1, text: '자바스크립트 입문', done: true, }, { id: 2, text: '함수 배우기', done: true, }, { id: 3, text: '객체와 배열 배우기', done: true, }, { id: 4, text: '배열 내장함수 배우기'..

const array = [1, 2, 3, 4, 5, 6, 7, 8, 9]; // 1번 방법 // const squared = []; // array.forEach(n=>{ // squared.push(n * n); // }) // 2번 방법: map 함수 사용하기 // const square = n => n * n; // const squared = array.map(square); // 더 간결해진 3번 방법 const squared = array.map(n => n * n); console.log(squared); 다음은 map함수로 특정 속성의 값을 꺼내오는 방법이다. const items = [ { id: 1, text : 'hello' }, { id: 2, text: 'bye' } ]; con..

for each문을 사용해 배열의 요소를 모두 꺼낼 수 있다. const superheroes = [ '아이언맨', '캡틴 아메리카', '토르', '닥터 스트레인지', ]; superheroes.forEach(hero => { console.log(hero); }) 벨로퍼트님의 자바스크립트 강의를 듣고 작성하였습니다.