JS

구조 분해 할당 구조 분해 할당 구문은 배열이나 객체의 속성을 분해하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 개발을 하다 보면 객체나 배열을 보내야 하는 경우가 빈번합니다. 이때 구조 분해 할당을 사용한다면 유용하게 사용이 가능합니다. 기존 배열 요소 할당 const arr = ["1", "2"]; let odd = arr[0]; // 1 let even = arr[1]; // 2 구조 분해 할당 // 이름과 성을 요소로 가진 배열 let arr = ["Zinu", "Park"] let [firstName, surname] = arr; alert(firstName); // 결과 : Zinu alert(surname); // 결과 : park split() 함수와 사용..

set() 이란? Set은 수학적 집합을 표현하기 위해 ES6에 새롭게 추가된 고유한 값들의 집합을 다루는 자료구조입니다. 따라서 수학적 집합의 합집합, 여집합, 교집합, 차집합 등을 구현할 수 있습니다. Set()의 특징 Set 은 배열과 비슷하지만 배열과 다른 점이 존재합니다. 배열은 데이터를 index 순서가 있게 저장을 하기 때문에 index를 통해 배열 요소에 접근이 가능합니다. 그렇기 때문에 값이 동일하더라도 index가 다르기 때문에 데이터 중복이 가능합니다. 반면에 Set은 아래와 같은 특징을 가집니다. key가 없고 value값 만을 저장하며 동일한 값을 중복을 허용하지 않습니다. 요소 순서에 의미가 없기 때문에 인덱스로 요소에 접근이 불가능 합니다. 대소문자를 구분합니다. Set 생성 ..

1. tim() string.trim() trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 원본 문자열을 건들지 않고 새로운 문자열로 반환을 합니다. 문자열 앞 뒤에 공백이 중복되어 여러 개가 있어도 모두 제거됩니다. let str = " Hello, World, JavaScript "; let result = str.trim(); console.log("[" + result + "]"); // 결과 : [Hello,World,JavaScript] let text1 = ' test '; let text2 = '\ttest\t'; let text3 = '\ntest\n'; console.log(text1.trim()); // 결과 : test console.log(text2.trim()); // 결..

nullish 병합 연산자 (??') 란 leftExpr ?? rightExpr let a = 0; let b = a||10; console.log(b); // 10 let c = 0; let d = c??10; console.log(d); // 10 let e = null; let f = e ?? 10; console.log(f); // 10 let g = undefined; let h = g ?? 10; console.log(h); // 10 null 병합 연산자(??)는 논리 연산자로 왼쪽 피연산자 값이 null이나 undefined일 때, 오른쪽 피연산자값을 반환합니다. null 병합연산자 '??'를 사용하면 짧은 문법으로 여러 피연산자 중 그 값이 '확정되어 있는' 변수를 찾을 수 있어 주로 |..