이 사이트는 자바스크립트 내부의 동작을 시각적으로 보여준다. 자바스크립트를 공부하다 보면 이벤트 루프, 콜 스택 등 말로만 보면 이해가 어려운 개념들도 많았는데 아래 사이트에서 코드를 실행시키고 내부 동작을 살펴보면서 좀 더 쉽게 이해할 수 있을 것 같다. JS Visualizer 9000 www.jsv9000.app
Language
MapMap 객체는 Key-Value 쌍인 집합.Map의 특징- 하나의 Map 에서 Key는 오직 단 하나만 존재한다. => Map 집합의 유일성- Map 객체는 Key-Value 쌍으로 반복된다. `for...of` 루프는 각 반복에 대해 `[key, value]`로 이루어진 멤버가 2개인 배열을 반환한다.- 반복은 삽입한 순서대로 발생한다. 즉, `set()` 메서드로 Map에 처음 삽입한 각각의 Key-Value 쌍 순서와 대응된다는 말이다.- Map의 Key로 다양한 자료구조를 정의할 수 있다. Map의 메서드set- Map에 데이터를 추가할 때 사용.- Map 객체를 반환함.let student = new Map();// set : Map 객체에 삽입student.set("id", 39);stu..
slice와 splice 둘 다 배열의 메서드는 맞지만 하는 일이 약간 다르다.slice()는 배열에서 원하는 구간의 얕은 복사본을 반환하고, splice()는 배열에 요소를 추가, 제거, 또는 교체할 때 사용된다.slice()배열에서 원하는 구간을 추출하여 새로운 배열(얕은 복사본)을 반환하는 함수.slice()slice(start)slice(start, end)매개 변수start (Optional)잘라낼 구간의 시작 인덱스.end (Optional)잘라낼 구간의 끝 인덱스. end는 이 구간에 포함되지 않는다.반환 값추출된 구간을 담은 새로운 Array.예시const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"]const citrus = frui..
자바스크립트에서는 toString() 메서드와 parseInt() 메서드를 이용하여 진수 변환을 할 수 있다. 10진수 ▷ N진수 : toString() 사용var decimal = 123;// 10진수 -> 2진수console.log(decimal.toString(2));// 10진수 -> N진수console.log(decimal.toString(N)); toString()의 매개 변수로 진수를 나타내는 기수의 값(2 ≤ N ≤ 36)을 주면 10진수의 수를 N진수로 변경한 값을 반환한다. 만약 매개 변수를 넣지 않는다면 10진수를 반환하게 된다.N진수▷ 10진수 : parseInt() 사용// 2진수 -> 10진수var binary = "110";console.log(parseInt(binary, 2..
