상우의 개발일지 상우의 개발일지

JavaScript/2주차-ES6, 일급객체, Map, Set

• 6. Set 문법

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 25. 10:21

  Set 문법 https://developer.mozilla.org/ko/docs/web/JavaScript/reference/Global_objects/set Set - JavaScript | MDN Set 객체는 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있습니다. developer.mozilla.org set문법 : 고유한 값을 저장하는 자료구조다. "값"만 저장하고, key를 저장하지 않는다. 또한, 값이 중복되지 않는 유일한 요소로만 구성된다. 값 추가, 값 검색, 값 삭제, 모든 값 제거, 존재 여부 확인등을 하는 기능을 한다. 중학교때 배웠던 '집합'을 생각하면 된다. 값이 중복되지 않는 유일한 요소로만 구성됨. Map은 key-value였던 반면, set은 valu..

  Read More
• 5. Map 문법

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 25. 09:43

  Map 문법 자바스크립트 -> 객체와 배열을 통해 다양한 프로그래밍을 함. 그럼에도 현실세계를 반영하기는 어려움. 프로그래밍적으로 부족한 부족한 부분을 보완하기 위해 Map이나 Set같은 자료구조가 등장함. 지금 배우고자 하는 Map과 Set도 자료구조이다. Array, Object 등도 자료구조의 형태다. Map과 Set의 목적 : 데이터의 구성, 검색, 사용을 효율적으로 처리한다. 기존의 객체 또는 배열보다 더 효율적으로. 1. Map key-value pair (객체와 같음. 하지만 객체는 key에 문자열 형태인 반명, Map은 key값 자리에 어떤 유형의 데이터 타입도 다 들어올 수 있다.) 왜냐하면 Map은 key가 정렬된 순서로 저장되기 때문이다. 검색, 삭제, 제거(완전한 제거), 여부확인 ..

  Read More
• 4. 일급 객체로써의 함수 (2)

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 20:58

  일급객체로써의 함수 (2) 4. 객체의 value값에 함수를 할당 객체 key-value pair에서 value에는 어떤 데이터타입도 들어갈 수 있다. (데이터 타입은 string, number, boolean 등 다양.) 여기의 value 자리에, 함수도 들어갈 수 있다. 아래에서는 sayHello의 key 값에 value값으로 함수를 넣었다. const person = { name : 'jake', age : 31, gender : 'male', height : 186, isMarried : false, sayHello : function() { console.log("hello, my name is " + this.name) } } person.sayHello(); this = 자기자신을 가르키는 ..

  Read More
• 3. 일급 객체로써의 함수 (1)

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 17:51

  일급 객체 (First-class Object)로써의 함수 일급객체로써의 함수는 함수로써 자바스크립트에 존재하는게 아니라, '객체'로써 자바스크립트에 존재하기 때문에 중요하다. 일급객체는 다른 객체들과 똑같다. 다른 객체들에 일반적으로 적용 가능한 연산자를 모두 지원한다. 다른 객체들은 매개변수로 전달될수 있고, return문으로 출력될 수 있고, 모든 연산이 가능하다. 일급객체로서의 함수도 그런것들이 가능하다. 함수가 일급객체로써 취급되는 5가지 경우 1. 변수에 함수를 할당할 수 있다. 함수 function이 마치 값으로 취급된다. 함수가 나중에 사용될 수 있도록 조치되었다 function으로써 값이 지정되는게 아니라 대응관계(=) 우항에 위치함으로써 변수값으로 취급됨. const sayHello =..

  Read More
• 2. ES6 문법 (2)

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 16:39

  1. 단축 속성명 (property shorthand) const name = "jake"; const newAge = "30"; const height = "186"; const obj = { name: name, age: newAge, height: height } key-value. 왼쪽은 key, 오른쪽은 value 왼쪽과 오른쪽이 같은 경우 key값을 아래처럼 과감히 생략 가능. 예를 들어 위에서는 name: name과 height: height가 같으므로 생략할 수 있다. const name = "jake"; const newAge = "30"; const height = "186"; const obj = { name, age: newAge, height } 만약 key-value값이 모두 같..

  Read More
• 1. ES6 문법 (1)

  JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 15:17

  변수선언 방법 3가지 https://sangwoorhie.tistory.com/24 var, let, const 전통적인 변수선언법은 var ES6 문법에서 주로 사용되는 문법 = let, const let = 변수 선언시 사용 const = 상수 선언시 사용 (var = 재선언, 재할당 둘다 가능 / let = 재선언 불가, 재할당 가능 / const = 재선언, 재할당 둘다 불가) 1. 함수 선언문 function add( ) { } 2. 함수 표현식 var add = function ( ) { } 3. 화살표 함수 var add = ( ) => { } 화살표 함수에서, 중괄호 안의 값 return문이 1줄인 경우 중괄호 생략가능. 매개변수 소괄호도 생략가능. var add = (x) => { ret..

  Read More