javaScript - 프로세싱 코드모음
Object.entries와 구조분해 할당 연습 const cartItems = [ { id: 1, item: '핸드밀', price: 40000, discount: 0 }, { id: 2, item: 'A4용지', price: 4000, discount: 0 }, { id: 3, item: '수영복', price: 120000, discount: 0 }, { id: 4, item: '색연필72색', price: 150000, discount: 0 }, ]; const extractValueInObject = (obj) => Object .entries(obj) .map(([, value]) => String(value));// 구조분해 할당 기법 const cartItemsString = cartIte..
2021. 8. 4.
javaScript - 배열2 배열 연산
배열 함수 2편으로 이번에는 배열 함수를 통해서 연산 위주로 살펴보겠습니다. 1. map 함수 let books = ['book1', 'book2', 'book3', 'book4', 'book5']; const bookset1 = books.map( (item) => { return { title: item, author: undefined } }); console.log(bookset1); map은 객체를 리턴해서 각 객체들을 모아서 배열로 만들어줍니다. 또한 문자열로 구성된 배열을 객체로 구성된 배열로 변환한 것 처럼, 배열을 다른 형태로 변화할 때 map함수가 많이 씁니다. 2. 이중 map 구조 let books = ['햄릿', '리어왕', '오셀로', '맥베스', '로미오와 줄리엣', '말괄량이..
2021. 7. 22.
javaScript - 배열1 배열 메소드
자바스크립트의 대표적인 배열 메소드에 대해서 알아봅시다. push, slice, splice, pop, shift, unshift, join, split, concat 등 여러 배열 메소드가 있지만 중요한 것 위주로 살펴 보겠습니다. push는 배열의 요소를 뒤에서 부터 넣는다는 것을 알고 계실겁니다. 1. slice const book = ['book1', 'book2', 'book3', 'book4', 'book5', 'book6']; let bookset1 = book.slice(1, 2); console.log(bookset1);// ["book2"] slice는 배열의 데이터를 지정한 인덱스 앞까지 가져오는 함수입니다. 첫번째 인자는 시작 위치이고 두번째 인자는 가져올 인덱스의 바로 다음 인덱스..
2021. 7. 22.
javaScript - 스프레드 오퍼레이터(Spread Operator)
스프레드 오퍼레이터를 이용해서 구현할 수 있는 몇가지 유용한 것들을 소개해보겠습니다. 스프레드 오퍼레이터는 ES6에 추가된 문법입니다. 1. 배열 복사 let arr1 = [1,2,3]; let arr2 = [...arr1, 4, 5]; console.log(arr1);// [1, 2, 3] console.log(arr2);// [1, 2, 3, 4, 5] 2. 배열 합치기 let arr1 = [1,2,3]; let arr2 = [4, 5]; let arr3 = [1,2,3]; let arr4 = [-1, 0]; arr1.push(...arr2); arr3.unshift(...arr4); console.log(arr1);// 1, 2, 3, 4, 5 console.log(arr3);// -1, 0, 1,..
2021. 7. 12.
javaScript - 유용한 메소드 모음
배열 중복 값 없애기 var array = [1, 4, 6, 6 ,7 ,1]; // Object.filter 메소드로 구현 function solution1(arr) { return arr.filter((elem, idx, elems) => elems.indexOf(elem) == idx); } console.log(solution1(array)); // Object.reduce 메소드로 구현 function solution2(arr) { return arr.reduce((acc, cur, idx) => { acc.indexOf(cur) > -1 ? acc : acc.push(cur); return acc; }, []); } console.log(solution2(array)); 카카오 코딩테스트 htt..
2021. 7. 7.
