웹 개인공부

JavaScript - Symbol타입, 화살표 함수, for of 문, map컬렉션

여파고 2024. 2. 27. 12:51

Symbol

자기 자신을 제외한 그 어떤 값과도 다른, 유일무이한 값

const LINE = Symbol();
const RECTANGLE = Symbol();

LINE !== RECTANGLE

 

인수로 전달 가능(할당가능)

const LINE = Symbol("line");
const RECTANGLE = Symbol("rectangle");

요렇게 말이죠.

 

 

 

화살표 함수

        //화살표 함수 표현식 작성
        const f = function(){return "100"};
        console.log(f());        

 

        const af = () => {return "100"};
        console.log(af());
        //이렇게도 할 수 있다.

 

매개변수가 하나 일 때는 괄호 생략 가능하다. 2개 이상일 때는 괄호 생략하면 안된다~

const f = function(a) { return 100 + a};
 
console.log(f(5));
 
const af = (a) => { return 100 + a};
 
console.log(af(5));
 
//매개변수가 하나 일 때는 괄호 생략 가능
const af2 = a => { return 100 + a};
 
console.log(af2(5));

 

 

 

 

배열 

  • for of 문
  • 비구조화 할당

 

Map컬렉션

맵컬렉션 생성

let map = new Map();

 

데이터 개수 확인

map.size

출력 : console.log(map.size);

 

삽입 : map.set()

 

확인 : map.has()

 

삭제 : map.delete()

 

전체삭제 : map.clear()

 

키값만 열거 : map.keys()

 

값(value)만 열거 : map.values()

 

모든 값을 열거 : map.entries()

 

모든 데이터를 함수 처리 :
        //모든 객체(데이터)를 함수 처리
        let fruitMap = new Map([["Apple", "red"], ["Melon", "green"]]);        fruitMap.forEach(function(value, key, map) {
            console.log(key + " : " + value);
        }); 

 

 

 

 

Set컬렉션

반응형

'웹 개인공부' 카테고리의 다른 글

비동기처리  (0) 2024.02.27
JavaScript - set컬렉션, 함수매개변수  (0) 2024.02.27
JavaScript - 선언자&에러  (0) 2024.02.27
JavaScript - callback, 문서객체모델  (0) 2024.02.23
JavaScript  (0) 2024.02.22