Javascript

Javascript

[javascript] concat, find, splice 사용법

concat const abc = ["a", "b", "c"]; const def = ["d", "e", "f"]; const abcdef = abc.concat(def); console.log(abcdef); // 결과: ['a', 'b', 'c', 'd', 'e', 'f'] 두 개 이상의 array를 합치는데 사용됩니다. 합쳐지는 array는 변하지 않고 새로운 array를 변환합니다. find const array = [3, 5, 11, 12, 13]; const found = array.find((element) => element > 10); console.log(found); // 11 array 안에서 조건을 충족하는 첫번 째 요소만을 반환합니다. 만약 그러한 요소가 없다면 undefined..

Javascript

[Javascript] foreach, map, filter, reduce 어떤 걸 써야 할까?

Javascript에는 array method가 여러가지가 있습니다. 처음 배울 때는 어떤 상황에 뭘 써야 하는지 굉장히 헷갈리는데요. 오늘은 array method를 정리해 보려고 합니다. forEach const array = [1, 2, 3]; for (let i = 0; i { console.log(item); }); // 1 // 2 // 3 for문과 동일한 일을 수행합니다. 하지만 forEach는 individual function을 넘겨주기 때문에 자신만의 scope가 생기고 global sp..

Javascript

[Javascript] async await / promise chaining

function delay_word(delay) { return new Promise((resolve) => { setTimeout(function () { resolve(delay); }, delay); }); } const array = [ { delay: 500 }, { delay: 490 }, { delay: 480 }, { delay: 470 }, { delay: 460 }, ]; async function test() { for (const item of array) { const resolve = await delay_word(item.delay); console.log(resolve); } } test(); // 500 // 490 // 480 // 470 // 460 array에서 객체를..

Javascript

[javascript] 자바스크립트 동기 / 비동기에 대한 이해

자바스크립트는 동기식으로 작동합니다. 동기란 코드가 순서대로 작동하는 것입니다. 식당을 예로 들어 설명해 보겠습니다. 만약 동기적인 방식으로 운영되는 식당이 있다면 주문을 받은 순서대로 음식을 만들고 제공할 것입니다. 바베큐 - 라면 순으로 주문을 받았다면 바베큐가 완료될 때까지 라면을 요리하지 않습니다. 이렇게 된다면 라면 음식을 시킨 고객은 불편함을 겪을 수 없습니다. 이럴 때 필요한 것이 비동기적 방식의 운영입니다. 바베큐가 완료될 때까지 기다리지 않고 바베큐를 불에 올려 놓은 채 라면을 주문한 고객에게 라면을 제공합니다. 코드를 통해 위의 식당 예시를 살펴보겠습니다. console.log('바베큐'); console.log('라면'); 위 코드의 결과는 바베큐, 라면이 순서대로 출력됩니다. 자바스..

배고픈개발자
'Javascript' 카테고리의 글 목록