ES6

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. MDND에서 가져온 구조 분해 할당에 대한 설명이다. 말 그대로 배열이나 객체를 분해해서 값을 가져올 수 있는 걸 말한다. const animals = [ { name: "cat", sound: "야옹" }, { name: "dog", sound: "왈왈" } ]; animals이라는 배열이 있다. 동물의 이름과 소리에 대한 정보를 가진 객체가 2개 있다. animals 배열을 분해해보자! import animals from "./data"; const [cat, dog] = animals; console.log(cat); console.log(dog); 우선 animals ..

Find() find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환합니다. 그런 요소가 없다면 undefined를 반환합니다. 이전 글(ES6 Map, Filter, Reduce 기능을 알아보자)에서 사용한 filter()는 조건에 부합하는 모든 요소들을 가져왔다. 그러면 fin()는 어떻게 다를까? MDN설명에서 주목해야할 부분은 첫 번째 요소의 값을 반환한다는 것이다. 글로 설명보다는 코드를 한번 봐보자잉 먼저 이전 글처럼 numbers 배열을 만들어 주었다. var numbers = [3, 56, 2, 48, 5]; 그리고 numbers에서 10보다 큰 요소를 find 메서드를 통해서 찾아보았다. const newNumbers = numbers.find(function(num)..

var numbers = [3, 56, 2, 48, 5]; 위와 같은 숫자를 가지고 있는 배열이 있다. 배열의 각 요소를 두배(X2) 해주려면 어떻게 해야 할까? 기존의 자바스크립트로는 forEach를 사용해서 문제를 해결할 수 있다. //forEach var newNumbers = []; function double(x) { newNumbers.push(x * 2); } numbers.forEach(double); newNumbers라는 비어있는 배열을 만들어주었다. 이곳에 x2 되는 숫자들이 들어간다. 그리고 double이라는 함수를 만들어서 두배 만들기 기능을 수행하게 했다. 마지막으로 forEach에 double함수를 넣어 numbers의 모든 요소를 x2 해주었다. 그리고 아래와 같은 결과 나왔..