DevLog

얕은 복사(Shallow Clone) - Object.assign() 우선, 객체의 속성을 복사할 때 사용하는 Object.assign()입니다. 첫번째 인자로 들어오는 객체에다가 두번째 인자로 들어오는 객체의 프로퍼티들을 복사합니다. const obj = { a: 1, b: 2 } const target = { c: 3 } const copiedObj = Object.assign(target, obj) console.log(copiedObj) //{c: 3, a: 1, b: 2} Object.assign()에게도 한가지 문제점이 있는데요. 복사하려는 객체의 내부에 존재하는 객체는 완전한 복사가 이루어지지않는다는 점입니다. const person = { age: 100, name: { first: "ju..

https://joshua1988.github.io/web-development/javascript/function-expressions-vs-declarations/ 함수 표현식 vs 함수 선언식 (기본) 자바스크립트 함수 표현식과 함수 선언식에는 어떠한 차이점이 있는지 알아봅니다. joshua1988.github.io

if( obj[key] == undefined )

map() map() 메서드는 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. map 활용 시, 아래 과정을 꼭 기억하세요. 배열의 각 요소가 특정 논리(함수)에 의해 다른 요소로 지정(map) 합니다. const array1 = [1, 4, 9, 16]; // pass a function to map const map1 = array1.map(x => x * 2); console.log(map1); // expected output: Array [2, 8, 18, 32] filter() filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다. filter 활용 시, 아래 과정을 꼭 기억하세요. 배열의 각 요소가..

특별한 대우를 받는 1급 객체 javascript 함수의 특징 변수에 할당(assignment) 할 수 있다. 다른 함수의 인자(argument)로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. //변수에 함수를 할당하는 경우 /* * 아래는 변수 square에 함수를 할당하는 함수 표현식입니다. * 자바스크립트에서 함수는 일급 객체이기 때문에 변수에 저장할 수 있습니다. * * 함수 표현식은 할당 전에 사용할 수 없습니다. * square(7); // --> ReferenceError: Can't find variable: square */ const square = function (num) { return num * num; }; // square에는 함수가 저장되어 있으므로 (일급 객체..

join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // 빈 문자열이면 쉼표로 구분 // expected output: "Fire,Air,Water" console.log(elements.join('')); // expected output: "FireAirWater" console.log(elements.join('-')); // expected output: "Fire-Air-Water"

[].slice() Immutable (불변성) 메서드 "원본 배열을 수정하지않고, 새로운 배열 또는 값을 반환하는 메서드" arr.slice(begin, end) begin: 추출 시작점에 대한 인덱스입니다. [Optional] end: 추출 종료점에 대한 인덱스입니다. 해당 인덱스 전까지 추출합니다. [Optional] 반환값: 추출한 요소를 포함한 새로운 배열을 리턴합니다. end값이 배열의 길이보다 크다면, 배열 끝까지 추출합니다. end값이 생략되면, slice()는 배열의 끝까지 추출합니다. start값이 end값보다 크거나 같다면, 빈 배열을 추출합니다. 중요예시 let arr = [0,1,2,3,4,5]; const copiedArr = arr.slice(); copiedArr[3] = '..