728x90 300x250 SMALL javaScript545 객체/배열 디스트럭처링 시 기본값 설정하기 디스트럭처링을 할 때, 값이 존재하지 않으면 기본값을 설정할 수 있다.이 경우, 변수에 기본값을 지정하면 해당 값이 없을 때 대신 사용된다. 객체 디폴트 값const person = { name: "Alice" };// age가 없으면 30을 기본값으로 설정const { name, age = 30 } = person;console.log(name); // "Alice"console.log(age); // 30 (기본값) 배열 디폴트 값const numbers = [1];// 두 번째 값이 없으면 2를 기본값으로 설정const [first, second = 2] = numbers;console.log(first); // 1console.log(second); // 2 2025. 1. 26. 객체와 배열을 쉽게 다루는 법! 디스트럭처링 핵심 정리 디스트럭처링(Destructuring)디스트럭처링은 자바스크립트에서 배열이나 객체의 값을 추출해서 변수에 쉽게 할당하는 문법이다. 디스트럭처링을 사용하면 배열이나 객체에서 특정 값들을 간결하고 직관적으로 추출할 수 있어서 코드가 깔끔학 이해하기 쉬워진다. 1. 객체 디스트럭처링객체 디스트럭처링은 객체에서 원하는 속성 값을 변수로 추출하는 방법이다.객체에서 속성을 추출하여 변수 이름을 동일하게 지정하거나, 새로운 이름을 붙여서 변수에 할당할 수 있다. 기본 사용법const person = { name: "Alice", age: 25, city: "Seoul"};// 객체에서 name, age 값을 추출하여 변수로 할당const { name, age } = person;console.log(name);.. 2025. 1. 25. 전개 연산자 (...) 하나로 객체/배열 조작 끝내기! 전개 연산자(Spread Operator)는 자바스크립트에서 ...(점 세 개)로 표현되는 연산자이다.이 연산자는 배열이나 객체의 모든 요소나 속성을 펼치거나 복사할 때 사용 된다.쉽게 말해, "안에 있는 내용을 꺼내서 사용한다"라고 생각하면 된다.ES6(ECMAScript 2015)에서 처음 도입되었고 배열이나 객체를 다룰 때 매우 유용한 도구로 등장했다. 이를 통해 코드가 더 간결하고 가독성이 높아졌다. 전개 연산자가 생겨난 배경기존의 자바스크립트에서는 배열이나 객체를 복사하거나 병합할 때 번거로운 방법을 사용해야 했다. 예를 들어, 객체나 배열을 복사하려면 Object.assign() 이나 Array.prototype.concat() 같은 메서드를 사용해야 했다. 이런 방법들은 여러 줄로 코드를 작.. 2025. 1. 24. 자바스크립트의 Truthy와 Falsy 1. Truthy와 Falsy란 무엇인가?JavaScript에서는 값이 Boolean값(true 또는 false)이 아닌 경우에도 조건문 등에서 참(true)이나 거짓(false)으로 평가될 수 있다.이러한 평가 방식에서 참으로 간주되는 값을 Truthy, 거짓으로 간주되는 값을 Falsy라고 부른다. 2. Truthy와 Falsy의 예Falsy값다음 값들은 JavaScript에서 항상 false로 평가된다.false0(숫자0)0(음수 0)""(빈 문자열)nullundefinedNaN(숫자가 아님) 예제if (false) { console.log("Falsy"); } // 조건문 실행 안됨if (0) { console.log("Falsy"); } // 조건문 실행 안됨if ("") { co.. 2025. 1. 11. 이전 1 ··· 3 4 5 6 7 8 9 ··· 137 다음 728x90 반응형 LIST