Object.entries() 열거 가능한 오브젝트의 {key: value}를 [[key, value]] 형태로 변환한다. const obj = {music: "음악", book: "책"}; const list = Object.entries(obj); for (let keyValue of list) { console.log(keyValue) }; // [music, 음악] // [book, 책] 위에서는 키가 영문자일 때 별도로 키값을 분류하지 않고 작성한대로 반환했다. 하지만 아래처럼 숫자와 문자가 섞여 있다면 숫자 -> 문자 순서로 분류하기에 작성한 순서가 중요하다면 해당 메서드를 사용해선 안된다. const obj = {10: "십", book: "책", 7: "칠"}; const list = Ob..
Object.is() 두 개의 파라미터의 값과 값 타입을 비교해 같으면 true / 아니면 false를 반환한다. 아래의 코드를 보면 Number 10과 String 10은 타입이 다르기 때문에 false가 반환된다. 빈 객체의 경우 똑같을 것 같지만 false가 나오는 이유는 참조형인 객체의 특성 상 각자 참조하는 메모리의 값이 다르기 때문에 같지 않다고 인식하기 때문이다. 애초에 해당 메서드는 오브젝트끼리 비교하기 위해 만들어진 목적이 아니기도 하다. const result = Object.is(10, "10"); console.log(result) // false const one = {}, two = {}; console.log(Object.is(one, two)) // false 이 is() 메..
String.prototype.startsWith() 대상 문자열이 첫 번째 파라미터의 문자열로 시작하면 true / 아니면 false를 반환한다. 정규 표현식은 사용할 수 없으며 두 번째 파라미터는 옵션으로, 비교 시작 인덱스를 작성할 수 있다. (디폴트 0) 시작하는지를 확인하는 부분이 정규 표현식의 캐럿과도 같다. const target = "ABC"; console.log(target.startsWith("AB")); // true console.log(target.startsWith("BC")); // false console.log(/^AB/.test(target)) // true 위에서 말한 두 번째 파라미터(옵션)를 넣으면 비교를 시작할 인덱스를 정할 수 있다. 예컨대 1번째 인덱스부터 B..
Unicode 전 세계의 모든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 국제 표준 이전에는 문자 체계도 다르고 인코딩 방식도 달라 문자 간의 상호 호환성이 없었는데, 이러한 문제점을 유니코드를 통해 해결할 수 있게 됐다. 유니코드는 'U+0031' 과 같이 생겼다. U+는 접두어고, 0031은 문자를 고유한 코드 포인트(Code Point)라는 숫자로 나타낸 것이다. 이 코드 포인트는 문자 코드라고도 부른다. U+0031은 숫자 1을 뜻하고, U+0041은 영어 알파벳 대문자 A를 뜻한다. 이 코드 포인트를 통해 문자나 이모지를 표현하는데, 대부분 4자리 이상의 UTF-16 진수 형태를 띄고 있다. (UTF-16은 16비트(2바이트) 단위로 문자를 인코딩하는 방식) 110만개 정도 표현..
Number 오브젝트 JS는 IEEE 754에 정의된 64비트 부동 소수점으로 수를 처리한다. 1) 부동 소수점 컴퓨터에서 실수를 표현하는 방식 중 하나다. 소수점 이하의 숫자를 '이진법'(컴퓨터는 0과 1로 이루어져 있으니)으로 표현하며 소수점의 위치와 지수를 사용해 값을 나타낸다. 예컨대 십진법에서의 0.1은 이진법으로 정확히 표현할 수 없다. 0.1을 이진법으로 변환하면 무한 소수가 되기 때문에 부동소수점은 이러한 수를 근삿값으로 표시한다. IEEE 754 표준은 가장 널리 사용되는 부동소수점 표현 방식으로, 64 비트 또는 32비트 형식으로 저장되는데 JS의 Number 데이터 타입은 64비트 형식을 사용한다. 2) 64비트를 사용한다는 건 숫자 1을 처리하든 1억을 처리하든 수를 처리할 때 JS..
그 전에 Object.defineProperty를 알아보자 객체에 새로운 속성을 직접 정의하거나 이미 존재하는 속성을 수정해 객체를 반환한다. 해당 메서드를 사용해 객체 o에 속성 'a'를 정의하고 있다. value: 속성 'a'의 값으로 37이 할당됐다. writable: 속성 'a'의 값을 변경할 수 있도록 허용한다. true면 속성 값은 수정 가능하다. enumerable: 속성 'a'가 열거 가능하도록 설정한다. true면 for...in 루프나 Object.keys() 등 메서드를 사용할 수 있다. configurable: 속성 'a'의 구성을 변경할 수 있도록 허용한다. 아래와 같이 코드를 작성하면 console.log(o.a) 에서 37이 반환된다. var o = {}; // 새로운 객체 생..
Default Value 값을 할당하지 않으면 디폴트 값(사전에 정의된 값)을 할당한다. // 할당된 값이 없을 경우 const [one, two, five = 50] = [10, 20]; console.log(five) // 50 // 할당된 값이 있을 경우 const [one, two, five = 50] = [10, 20, 70]; console.log(five) // 70 아래의 경우 오른쪽 one의 값인 10이 왼쪽 one 프로퍼티의 값으로 분할 할당된다. const [one, two = one + 20, five = two + 50] = [10] console.log(two) // 30 console.log(five) // 80 파라미터에서도 동일하다. ten에 10이 설정되고, two에는 디..
Array 분할 할당 배열의 엘리먼트를 분할해 할당한다. 1) 인덱스 기준으로 할당 let one, two, three; [one, two, three] = [1, 2, 3] console.log(one) // 1 console.log(two) // 2 console.log(three) // 3 2) 할당 받을 변수 수가 적을 경우 let one, two; [one, two] = [1, 2, 3] console.log(one) // 1 console.log(two) // 2 3) 할당 받을 변수 수가 많을 경우 let one, two, three, four; [one, two, three, four] = [1, 2, 3]; console.log(three) // 3 console.log(four) // ..
이터레이션 순회(반복)을 의미한다. const list = [10, 20]; for (let v of list) { console.log(v) }; // 10 // 20 const obj = list[Symbol.iterator](); console.log(obj.next()) // {value: 10, done: false} console.log(obj.next()) // {value: 20, done: false} console.log(obj.next()) // {value: undefined, done: true} 이터레이션은 돌 때마다 밸류값을 알려주고, 전부 순회하면 마쳤다는 뜻에서 done: true가 된다. 이터레이션의 프로토콜 프로토콜은 간단하게 어떤 '규약'이라고 할 수 있다. 데이터를 ..
구조 분해 할당(Destructuring Assignment) 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담는 표현식 구조 분해 할당은 코드를 간결하게 만들어주며 배열이나 객체에서 필요한 값을 쉽게 가져올 수 있다. 예시 1. 배열 분해 할당 배열에서 값을 추출해 변수에 할당할 때는 배열의 각 요소를 대상으로 할당 연산자(=)를 사용한다. 할당 연산자 왼쪽은 추출하려는 값을 받을 변수들의 리스트, 오른쪽은 배열을 지정한다. const numbers = [1, 2, 3, 4, 5]; // 배열 분해할당을 사용하여 배열의 요소들을 변수에 할당 const [a, b, c, d, e] = numbers; console.log(a); // 1 console.log(b); // 2 console.log(..
