async/await는 ES8에 등장한 것으로 Promise와 then보다 깔끔하게 코드를 작성할 수 있게 해준다. 👉 Promise 방식 function promise() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('success'); }, 2000); }); } promise() .then((result) => { console.log(result); }) .catch((e) => { console.error(e); }); 👉 async/await 방식 function fn() { return new Promise((resolve, reject) => { setTimeout(() => { resolve('success..
Web/JavaScript
📌 shift() 배열의 첫 번째 요소를 제거하고 반환한다. const array = ["a", "b", "c"]; console.log(array.shift()); // a 빈 배열일 경우 undefined를 반환한다. const array = []; console.log(array.shift()); // undefined 📌 pop() 배열의 마지막 요소를 제거하고 반환한다. const array = ["a", "b", "c"]; console.log(array.pop()); // c shift()와 마찬가지로 빈 배열이면 undefined를 반환한다. const array = []; console.log(array.pop()); // undefined
알고리즘을 풀다보면 정렬을 해야할 때가 종종 생긴다. 직접 정렬 알고리즘을 구현해야하는 경우가 아니면 자바스크립트에서 제공해주는 sort()함수를 쓰면 편한데 이번 기회에 sort() 함수에 대해 알아보려고한다. 📌 sort() MDN에서는 다음과 같이 설명하고 있다. sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다. 즉, sort()는 기본적으로 유니코드 값 순서대로 정렬된다. sort는 아래 코드처럼 쓰면 된다. Array.sort([compareFunction]) sort의 파라미터로 함수가 들어오는데 그냥 compareFunction이라고 하겠다. compareFunction은 정렬 순서를 정의하는 함수이다..
includes()는 배열이 특정 요소를 포함하고 있는지를 판별하는 메소드이다. const numbers = [1, 2, 3, 4, 5]; console.log(numbers.includes(5)); // true console.log(numbers.includes(6)); // false const names = ["Kim", "Park", "Lee"]; console.log(names.includes("Kim")); // true console.log(names.includes("AAA")); // false 배열에 특정 요소가 포함되어 있다면 true를 반환하고 그렇지 않으면 false를 반환한다. 문자열에서도 쓸 수 있다! const greeting = "Hello JavaScript"; cons..
find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다. (출처: MDN) const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const found = array.find((el) => el > 5); console.log(found); // 6 객체들이 들어있는 배열에서도 다음과 같이 쓸 수 있다. const array = [ { name: "Kim", age: 23, hobby: "eat" }, { name: "Park", age: 32, hobby: "drive" }, ]; const found = array.find((el) => el.name === "Kim"); console.log(fo..
가끔 자바스크립트로 알고리즘을 풀 때 종종 어떤 값들의 합을 구해야할 때가 있었는데 그럴 때 reduce() 메소드를 사용하면 반복문을 사용하지 않아도 합을 구할 수 있었다. 이런 경험을 바탕으로 reduce() 메소드에 대해 간략하게 정리해보려고 한다. 📌 reduce() 일단 MDN에서는 reduce()를 다음과 같이 정의한다. reduce() 메소드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환하는 메소드이다. 리듀서 함수는 4개의 인자값을 가진다. 누산기(acc) 현재값(cur) 현재 인덱스(idx) 초기값(src) 리듀서 함수의 반환값은 누산기에 할당하고 누산기는 순회 중 유지되므로 결국 최종 하나의 값이 된다. 📌 reduce() 사용하기 배열...
