javascript (5) 썸네일형 리스트형 concat과 push의 차이점 array에 push와 concat으로 값을 넣을 수 있다. 차이점은 push는 기존 배열을 변환시킬때 concat은 새로운 배열을 만들 때 쓰면 좋다. 즉 a=[1] b=[2] c=[ ] 이렇게 배열이 있다면 a.push(b) 를 했을 때, a = [ 1, 2 ] 로 변한다.c = a.concat(b)를 하면c = [ 1, 2 ] 가 된다. 즉 함수에서 return값을 반환해줄때지역변수만 만들어서 간단히 계산을 한다면지역에서 빈배열을 선언해서(c와 같은) 값을 넣어준다(a와 b와 같은)그리고 빈 배열을 리턴해주면, 기존 배열의 값들은 바뀌지 않고 작동하기 때문에concat이 조금 더 유용하다. (기존 값들을 자꾸 바꾸면 어디선가 꼬일 수 있으므로) javascript find, filter 차이 find는 하나의 값을 찾는 것 filter는 배열을 반환한다. 각자가 반환하는 값이 다르다. 이에 따라 예외처리를 해줘야 한다. 아무것도 없을 경우 find : undefined filter : 빈 배열 를 각각 반환한다 객체 비구조화 할당 객체를 한번에 받아오는 방법. 객체 구조 분해라고도 불리운다. 즉 const apple = {name: apple, weight: 10, color: red}; const peach = {name: peach, weight: 5, color: pink}; function print(fruit){ const {name, weight, color} = fruit; const a = `${name}의 무게는 ${weight}이고 색깔은 ${color}입니다.`; console.log(a) } print(apple)을 넣으면, apple 내부의 값이 분해되어 저장된다. apple의 name, weight, color가 쭉쭉 분해됨. 지역변수로 저장되어 1회성으로 사용된다. const apple = {name: .. math.round를 통해 소수점 표현하기 Math.round(numbers.value * 10) / 10; Math.round(numbers.value * 10) / 10; // 소수점 한자리 Math.round(numbers.value * 100) / 100; // 소수점 두자리 Math.round(numbers.value * 1000) / 1000; // 세자리 표현하고싶은 자릿수에 따라 * 100, 1000 등으로 변경하면 된다. javascript 대괄호 벗기는 문법 ...(점세개) const aaa = [{a, b, c}] 이런식으로 있으면 const bbb = { ...aaa[0]} 이렇게 겉의 대괄호를 벗겨줄 수 있다 이런 방식을 통해 여러 array를 합치는데 응용이 가능하다. 식을 줄여주는 마법같은 점 세개. 쓰면 쓸수록 편하다. 예를 추가로 들자면 const 과일 = { 사과, 귤 } 여기에 포도를 넣은 과일2를 만들자면 const 과일2 = {...과일, 포도} 이렇게 간단하게 넣을 수 있다. 게다가 깊은 복사도 해주는 점 세개.(완전한 깊은 복사는 아니지만 자주 사용한다. 꼭 필요할 때는 lodash를 더 사용) 효자가 아닐 수 없다. 이전 1 다음
