본문 바로가기

자바스크립트 끄적끄적

(23)
forEach() 이용 정리 forEach()는 배열을 순회하면서 인자로 전달한 함수를 호출하는 반복문입니다. 배열 뿐만 아니라, Set이나 Map에서도 사용 가능! 1. forEach() 문법 forEach()의 문법은 아래와 같으며, 함수로 value, index, array를 전달할 수 있습니다. arr.forEach(func(value, index, array)) value : 현재 순회 중인 요소 index : 현재 순회 중인 요소의 index array : 배열 객체 예시) 실행 const arr = ['손흥민', '케인', '쿨쿨이', '페리시치']; arr.forEach((item, index, arr) => { console.log("index: " + index + ", item: " + item + ", arr[..
자바스크립트 filter 이용하는거 까먹지 말자!! 어떤 트리나 그래프 또는 리스트나 배열을 순회하면서 해당 값을 삭제하고 싶거나, 어떤 조건에 의해 이터레이블 객체 값을 필터링 하고 싶을때 자바스크립트에서 filter만한게 없다. 긴장되는 상황에서 바로바로 재깍재깍 떠오르지 않을 수 있지만, 제발 빨리 기억하게 하자!!! class Graph{ constructor(){ this.adjacencyList = {}; } addVertex(vertex){ if(!this.adjacencyList[vertex]) this.adjacencyList[vertex] = []; } addEdge(v1,v2){ this.adjacencyList[v1].push(v2); this.adjacencyList[v2].push(v1); } removeEdge(vertex1,v..
자바스크립트 - 배열 합치고 싶을때..!!(concat, push, Spread) 자바스크립트에서 배열 합치는 매서드 사용 방법 1. concat()을 이용하여 배열 합치기 concat을 이용하여 arr1, arr2, arr3의 배열을 합칠 수 있습니다. concat()은 원본 배열(arr1, arr2, arr3)을 변경하지 않고, 합쳐진 배열이 리턴됩니다. const arr1 = ['a', 'b', 'c']; const arr2 = ['1', '2', '3']; const arr3 = ['A', 'B', 'C']; const arr4 = arr1.concat(arr2, arr3); console.log(arr4); Output: [ 'a', 'b', 'c', '1', '2', '3', 'A', 'B', 'C' ] const arr = arr1.concat(arr2); const ar..
자바스크립트 동작과정에 대한 좋은 설명 들어가기 이 글은 “How JavaScript works: an overview of the engine, the runtime, and the call stack” 를 번역한 글입니다. 잘 번역된 글을 스크랩에서 썻고, 아래 출처를 적었습니다. 머릿말 자바스크립트의 인기가 날이 갈수록 높아짐에 따라 많은 팀들이 프론트엔드, 백엔드, 하이브리드 앱, 임베디드 장치 등 많은 분야에서 자바스크립트 지원 범위를 확대하고 있습니다. 이 글은 자바스크립트의 동작원리 등 자바스크립트를 깊게 파보는 시리즈 물의 첫 번째 글입니다: 자바스크립트를 블락 단위로 구성하는 방법과 그리고 그 블락이 어떻게 동작하는지 알면 더 나은 코드와 앱을 제작할 수 있다고 생각합니다. 아래의 GitHut stats 에서 보실 수 있듯이,..
자바스크립트 2차원 배열내 최대값 찾기 const a = [[2, 3], [1, 6, 7], [5, 4, 3, 2]]; console.log( Math.max(...a.flat()) );
자바스크립트 2차원 배열 선언의 여러가지 방법 # 기초 var arr = [] for (var i = 0; i new Array(2) // arr[5][2] (null로 초기화하여 생성) const arr2 = Array.from(Array(5), () => Array(2..
자바스크립트 (1) - req 관련 끄적끄적 1-1. req.params 예를 들어 /user/:name 경로가 있으면 "name"속성을 req.params.name으로 사용할 수 있다. https://params/user/12341234 일 경우 12341234를 받는다. req.param은 더이상 사용하지 않음 1-2. req.query 이 속성은 경로의 각 쿼리 문자열 매개 변수에 대한 속성이 포함 된 개체다. 예를 들어 https://query/search?searchWord=구글검색 이면 searchWord 매개변수(parameter)의 구글검색 이라는 값(argument)을 가져온다. 1-3. req.body JSON 등의 데이터를 담을때 사용한다. (주로 POST로 유저의 정보 또는 파일 업로드를 보냈을 때 ) 요청 본문에 제출 된 키..

728x90