본문 바로가기

js3

[VanillaJS] map과 forEach JS에서 array의 각 원소에 대해 같은 작업을 반복하고 싶을 때, for문 대신에 Array.prototype.map()이나 Array.prototype.forEach()를 사용할 수 있다. 두 함수의 차이는 무엇일까? MDN 공식문서를 참고해보자. map() : 배열 내의 모든 원소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환 * 기존 배열의 원소들로 작업을 완료한 뒤 해당 결과물들을 모아 새로운 배열을 return해준다는 것을 알 수 있다. * 따라서 map의 용도를 제대로 살리려면 callback 함수 내에 return 구문이 있어야 한다. forEach() : 주어진 함수를 배열 요소 각각에 대해 실행 * forEach()는 배열을 변형하지 않는다. 그러나 callbac.. 2021. 10. 1.

[VanillaJS] 객체 정렬 어떻게 하지? (feat. 문자열) 배열을 정렬할 때는, Array.sort() 함수를 통해서 정렬을 할 수 있다. 객체를 정렬할 때는 어떻게 해야할까? 객체도 마찬가지로 sort()를 이용하는데, 내부에 compareFunction을 정의해주어야 한다. 예를들어, age필드를 가진 아래 객체 배열은 다음과 같이 정렬할 수 있다. let objs = [ {age: 13}, {age: 43}, {age: 9}, {age: 40} ]; objs.sort(function(a,b) { // 오름차순 return a.age - b.age; }); objs.sort(function(a,b) { // 내림차순 return b.age - a.age; }); C++과 같은 다른 언어에서는, compareFunction을 정의할 때, boolean형식으로 .. 2021. 8. 23.

[JavaScript] 개발 환경 구축 기존에 설치되어 있던 vs code를 이용하였다. html 실행은 chrome 브라우저를 이용하였다. 이 블로그를 참고하여 환경을 구축하였다. qzqz.tistory.com/422 [JavaScript] 개발 환경 설정 (Visual Studio Code 설치 / 디버깅 세팅) 자바 스크립트 에디터는 Visual Studio Code를 사용하겠습니다. 이 에디터가 요즘 급부상하고 있기에 사용을 해보려 합니다. https://code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual.. qzqz.tistory.com 구축하는 과정에서 html 자동완성이 되지 않아 아래 두개의 과정을 더 거쳤다. 'HTML Snippets' exten.. 2020. 12. 28.

이전 1 다음

티스토리툴바