도리쓰에러쓰

null 병합 연산자(Nullish Coalescing Operator)는 ES11에 도입된 새로운 연산자입니다. null 병합 연산자(Nullish Coalescing Operator)는 변수에 기본값을 설정할 때 유용한 연산자인데, 그럼 지금부터 null 병합 연산자(Nullish Coalescing Operator)가 무엇인지 알아보겠습니다. 1. null 병합 연산자 (Nullish Coalescing Operator) 좌항의 피연산자가 null 또는 undefined인 경우 우항의 피연산자를 반환합니다. 그렇지 않으면 좌항의 피연산자를 반환합니다. 사용 방법 : 좌항 ?? 우항 1️⃣ 좌항의 피연산자가 null 또는 undefined인 경우 let name = null ?? 'dori'; con..

옵셔널 체이닝 연산자(Optional Chaining Operator)는 ES11에 도입된 새로운 연산자입니다. 옵셔널 체이닝 연산자(Optional Chaining Operator)란 과연 무엇인지 지금부터 알아보겠습니다. 1. 옵셔널 체이닝 연산자 (Optional Chaining Operator) 좌항의 피연산자가 null 또는 undefined인 경우 undefined를 반환합니다. 그렇지 않으면 우항의 프로퍼티 참조를 이어갑니다. 사용 방법 : 좌항?.우항 1️⃣ 좌항의 피연산자가 null 또는 undefined인 경우 const name = null; const length = name?.length; console.log(length);// undefined : 좌항인 name이 null이기..

'모던 자바스크립트' 책을 읽고 익숙하지 않은 내용 위주로 정리 해보려고 한다. 우선, 연산자와 피연산자의 의미는 아래와 같다. 1 + 2 연산자 : 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. (위 예시에서 +가 연산자이다.) 피연산자 : 연산의 대상 (위 예시에서 1과 2가 피연산자이다.) 1. 단항 산술 연산자 1️⃣ + 단항 연산자는 피연산자에 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다. +10;// 10 +(-10);// -10 숫자 타입이 아닌 피연산자에 + 단항 연산자를 사용하면 피연산자를 숫자 타입으로 변환하여 반환한다. 이 때, 피연산자를 변경하는 것이 아닌 숫자 타입을 변환한 값을 생성하여 반환한다. // 문자..

자바스크립트 ES6 문법에서는 숫자(number) 타입, 문자열(string) 타입, 불리언(boolean) 타입, undifined 타입, null 타입, 심벌(Symbol) 타입, 객체 타입 총 7개의 데이터 타입을 제공했는데, ES11 문법에서 BigInt라는 새로운 데이터 타입이 추가되었습니다. 그럼 지금부터 BigInt에 대해서 알아보겠습니다. 1. 선언 방법 BigInt는 길이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형입니다. BigInt를 선언하기 위해 총 3가지 방법이 있습니다. let bigInt1 = 184738832473n; let bigInt2 = BigInt("123123123123123"); let bigInt3 = BigInt(10000000000); console.log..

ES5 문법에서는 배열 내의 검색을 위한 indexOf() 라는 배열 메소드가 있었는데, ES6 문법에서는 더 강력한 find()와 findIndex() 2개의 배열 메소드를 지원합니다. 지금부터 find()와 findIndex() 메소드에 대해 알아보겠습니다. 1. Array.prototype.find() 주어진 함수의 조건을 만족하는 첫번째 요소 값을 반환합니다. 조건에 맞는 요소가 없다면 undifined를 반환합니다. 1️⃣ 조건에 맞는 요소가 있을 때 let arr = [1, 5, 6, 3, 2]; let even = arr.find((item)=> item % 2 === 0 ); console.log(even);// 6 : item % 2가 0인 요소는 6과 2가 있지만 첫번째 요소 값만 반환..

var 키워드는 간단한 테스트 외에는 사용하지 않는다고 들었고 그 이후로 개발하면서 변수 선언할 때 let과 const를 사용해왔지만, 자세한 이유를 알지 못했어서 이번에 변수 키워드에 대해 이해해볼겸 정리해보려고 합니다. 1. 변수 선언 방식 1️⃣ var 우선, 아래의 코드를 살펴봅시다. var name = 'kang'; console.log(name);// kang var name = 'dori'; console.log(name);// dori name 변수를 2번이나 선언했는데도 에러가 나지 않고 있습니다. var 키워드로 선언한 변수를 중복 선언하면 초기화문 유무에 따라 다르게 동작합니다. 초기화문이 있는 변수 선언문은 자바스크립트 엔진에 의해 var 키워드가 없는 것처럼 동작하고 초기화문이 없..

let numbers = [2, 39284, 12, 100, -382, -48572]; let maxInNum = Math.max.apply(Math, numbers);// Result : 39284 let minInNum = Math.min.apply(Math, numbers);// Result : -48572

1. const & let const와 let은 변수 선언을 위한 키워드입니다. (기존엔 var로 변수 선언) - const : var보다 강력하며, 변수가 사용되면 다시 할당할 수 없습니다. (상수이므로 변경 불가) * 아래 코드처럼 변경 불가능 const hobby = "walking"; hobby = "exercise";// Error - let : const와 달리 새로운 값을 가질 수도 있고 재할당도 가능합니다. (변경 가능) let phone = "iphone11"; phone = "iphone13"; console.log(phone);// Result : iphone13 2. Arrow Function Arrow Function은 코드가 간결해져서 가독성이 높아지는 함수 문법입니다. // E..