어제 오늘 내일

2개 이상의 객체를 합쳐서 하나의 객체로 만드는 방법 4가지를 소개합니다. 반복문 사용하기 Object.assign() Spread Operator (전개연산자) _.merge() (lodash 라이브러리) 1. 반복문 사용하기 const obj1 = { name : 'banana', price : 1000 }; const obj2 = { name : 'banana', price : 2000, count : 10 }; // merge object 함수 function mergeObj(obj1, obj2) { const newObj = {}; for (let att in obj1) { newObj[att] = obj1[att]; } for(let att in obj2) { newObj[att] = obj2..

for 반복문 사용 reverse() 함수 reverse() 함수 - 원본 배열 유지하기 1. for 반복문 사용 const arr = ['Apple', 'Banana', 'Orange']; // 배열 거꾸로 const reverse = []; for(let i=arr.length-1; i >= 0; i--) { reverse.push(arr[i]); } // 결과 출력 document.write('arr : ' + arr); document.write(' '); document.write('reverse : ' + reverse); 반복문을 사용하여 배열을 거꾸로 뒤집었습니다. 2. reverse() 함수 reverse() 함수는 배열의 순서를 거꾸로 만들어 줍니다. array.reverse() 이 함..

Javascript에서 Set 객체는 중복 없는 데이터를 표현합니다. 이번에는 Set 객체를 배열(Array)로 변환하는 3가지 방법을 알아보도록 하겠습니다. 1. Array.from() 2. Spread Operator (전개 연산자) 3. forEach 1. Array.from() Array.from 함수는 유사배열객체(array-like object)나 반복가능객체(iterable object)를 얕은 복사(shallow copy)하여 새로운 배열(Array) 객체를 만들어줍니다. 유사배열객체(array-like object) : length 속성과 index element를 가지는 객체 반복가능객체(iterable object) : 배열을 일반화한 객체 ex)Map, Set const set = ..

지난번에는 배열의 앞, 뒤, 중간에 값을 추가하는 방법을 알아보았습니다. [Javascript] 배열 앞, 뒤에 값 추가, 삭제하기 (1) [Javascript] 배열 중간에 값 추가, 삭제하기 (2) - splice() 함수 이번에는 두 개 이상의 배열을 합쳐서 하나의 배열로 만드는 방법을 알아보도록 하겠습니다. 배열 합치기 3가지 방법 1. concat() 함수 2. ... spread operator (전개 연산자) 3. push() 함수와 spread operator 1. concat() 함수 array.concat([value1[, value2[, ...[, valueN]]]]) concat() 함수는 파라미터로 받은 배열이나 값들을 기존의 배열에 합쳐서, 새로운 배열을 만들어서 리턴합니다. 파..