• 객체 – 키가 있는 컬렉션을 저장함
  • 배열 – 순서가 있는 컬렉션을 저장함

등장배경

 

하지만 현실 세계를 반영하기엔 이 두 자료구조 만으론 부족해서 맵(Map)과 셋(Set)이 등장하게 되었습니다.

Map

맵(Map)은 키가 있는 데이터를 저장한다는 점에서 객체와 유사합니다. 다만, 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있습니다.

맵에는 다음과 같은 주요 메서드와 프로퍼티가 있습니다.

  • new Map() – 맵을 만듭니다.
  • map.set(key, value)  key를 이용해 value를 저장합니다.
  • map.get(key)  key에 해당하는 값을 반환합니다. key가 존재하지 않으면 undefined를 반환합니다.
  • map.has(key)  key가 존재하면 true, 존재하지 않으면 false를 반환합니다.
  • map.delete(key)  key에 해당하는 값을 삭제합니다.
  • map.clear() – 맵 안의 모든 요소를 제거합니다.
  • map.size – 요소의 개수를 반환합니다.

 

참고> 

https://ko.javascript.info/map-set

 

맵과 셋

 

ko.javascript.info

 

'Front-End > JavaScript' 카테고리의 다른 글

js 인강필기  (0) 2023.12.09
[JavaScript] startsWith() / endsWith() 차이  (0) 2023.12.08
[JavaScript] 문자열을 합치는방법  (2) 2023.12.07
[Javascript] filter 사용법 예제  (2) 2023.12.03
[JavaScript] 문자열 변환방법  (0) 2023.12.01

type of ``  , 등 글자가 아무것도 없어도 문자열 

백틱도 문자열 

1. startswith() 함수를 이용하면 문자열에서 특정 문자열로 시작되는지를 확인할 수 있습니다.

 

2. endswith()함수를 이용하면 문자열에서 특정 문자열로 종료되는지를 확인할 수 있습니다.

 

1. join() 함수

2. '+' 연산자 
3. concat() 힘수 

위의 사진을보면 보다 이해하기 쉽다

ES6 문법인 Template String(템플릿 문자열)을 이용해서 숫자를 문자열로 변환할수 있습니다.

 

 

 

런타임이란?

프로그래밍 언어가 구동(running)되는 환경(environment)을 말합니다.

런타임 환경의 종류

자바스크립트의 대표적 런타임 환경은 2가지로 볼 수 있습니다. 

  1. 브라우저(ex : Chrome, Microsoft Edge, Firefox, Internet Explorer)
  2. node환경

즉, javascript 파일을 실행할 수 있는 방법이 2가지가 있다는것 입니다.

리액트를 이용하여 웹 애플리케이션을 개발하는 우리 과정에서는, 노드 환경이 아닌 브라우저 환경을 이용해 개발을 할거에요!
+ 웹 개발에 많은 도움을 주는 크롬 브라우저가 있습니다.

 

차이점

node.js와 브라우저의 존재 목적

브라우저는 HTML, CSS, JS를 실행하여 웹 페이지를 화면에 띄우는 것이 목적인 반면

Node.js는 서버 개발 환경을 제공하는 것이 목적입니다.

'Front-End > JavaScript' 카테고리의 다른 글

[Javascript] filter 사용법 예제  (2) 2023.12.03
[JavaScript] 문자열 변환방법  (0) 2023.12.01
[JavaScript] 클로저란?  (1) 2023.11.18
[Javascript] 객체 리터럴이란?  (1) 2023.11.04
[JavaScript] startsWith() 개념  (0) 2023.11.02

외부 함수보다 중접 함수가 더 오래 유지되는 경우, 중첩 함수는 이미 생명 주기가 종료한 외부 함수의 변수를 (여전히) 참조할 수 있다. ← 이 개념에서 중첩 함수가 바로 클로저 입니다.

+ Recent posts