1. 딕셔너리를 짧게 만들어보기! - 객체 리터럴 기존에는 객체(딕셔너리)를 생성할 때, 필드명과 대입할 변수명이 같은 상황에서 다음과 같이 코드를 작성하였습니다. [기존 방식] var name = "스파르타"; var job = "developer"; var user = { name: name, job: job } console.log(user); //{name: "스파르타", job: "developer"} [최신 방식] var name = "스파르타"; var job = "developer"; var user = { name, job } console.log(user); //{name: "스파르타", job: "developer"} - **key: value** 형태에서 단순히 변수명만 작성해주면 ..
Coding/javascript
1. 화살표 함수 만들어보기(과정) ★★★ 화살표 함수(arrow function) ★★★ 지금까지 배웠던 함수를 보다 간결하게 작성할 수 있음. 함수의 기본 형태 let add = funciton(num1, num2){return num1 + num2;} ① function 이라는 단어가 사라지고 매개변수괄호 뒤에 화살표( '=>' ) 가 생김 ex) let add = (num1, num2) => {return num1 + num2;} ② return 문은 중괄호가 아닌 일반 괄호로 바꿀 수 있음. (return 생략되고 중괄호가 일반괄호로 바뀜) ex) let add = (num1, num2) => (num1 + num2;) ③ return 문(return문 뿐만 아니라 실행할 중괄호 안의 함수가)이..
# arr.sort([compareFunction]) 파라미터 compareFunction 정렬 순서를 정의하는 함수 이 값이 생략되면( arr.sort(생략) ) 배열의 element들은 문자열로 취급되어, 유니코드 값 순서대로 정렬됩니다. (숫자열 오름차순 특히 주의!!) 파라미터 생략결과 예시) // 문자열 const arr = ["banana", "b", "bob"]; arr.sort() console.log(arr) // >>> [ 'b', 'banana', 'bob' ] // 숫자열 (주의!!!! 숫자열 파라미터 설정해 줘야 하는 이유 볼 수 있음) const arr2 = [1, 10, 3, 13, 4]; arr2.sort() console.log(arr2) // >>> [ 1, 10, 13,..
모던 자바스크립트 딥 다이브로 공부한 내용입니다. 1. 이터레이션 프로토콜 ES6에서 도입된 이터레이션 프로토콜은 순회 가능한 데이터 컬렉션(자료구조)을 만들기 위해 ECMAScript 사양에 정의하여 미리 약속한 규칙이다. ES6 이전의 순회 가능한 데이터 컬렉션, 즉 배열, 문자열, 유사 배열 객체, DOM 컬렉션 등은 통일된 규약 없이 각자 나름의 구조를 가지고 for문, for...in문, forEach 메서드 등 다양한 방법으로 순회할 수 있었다. ES6에서는 순회 가능한 데이터 컬렉션을 이터레이션 프로토콜을 준수하는 이터러블로 통일하여 `for...of문`, `스프레드 문법`, `배열 디스트럭처링(구조분해) 할당`의 대상으로 사용할 수 있도록 일원화했다. 이터레이션 프로토콜에는 이터러블 프로토..
참고서 - 모던 자바스크립트 딥 다이브 개요 자바스크립트가 ECMAScript로 표준화된 이래로 자바스크립트에는 6개의 타입 즉, 문자열, 숫자, 불리언, undefined, null, 객체 타입이 있었다. 심벌(Symbol)은 ES6에서 도입된 7번째 데이터 타입으로 변경 불가능한 원시 타입의 값이다. 심벌 값은 다른 값과 중복되지 않는 유일무이한 값이다. 따라서 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용한다. 심벌 값의 생성 심벌 값은 Symbol 함수를 호출해서 생성한다. // Symbol 함수를 호출하여 유일무이한 심벌 값을 생성한다. const mySymbol = Symbol(); console.log(typeof mySymbol); // symbol // 심벌 값은 ..
1. Object.fromEntries(), Object.entries() let practiceArray = [ [1, "apple"], [2, 'banana'], [3, 'pineapple'] ]; let practiceArray2 = Object.fromEntries(practiceArray); console.log(practiceArray2); >>> { '1': 'apple', '2': 'banana', '3': 'pineapple' } let practiceArra3 = Object.entries(practiceArray2); console.log(practiceArra3); >>> [ [ '1', 'apple' ], [ '2', 'banana' ], [ '3', 'pineapple' ] ] ..
