728x90 300x250 SMALL 객체5 객체/배열 디스트럭처링 시 기본값 설정하기 디스트럭처링을 할 때, 값이 존재하지 않으면 기본값을 설정할 수 있다.이 경우, 변수에 기본값을 지정하면 해당 값이 없을 때 대신 사용된다. 객체 디폴트 값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. 클래스 기본 개념 정리 클래스 자바스크립트에서 클래스는 객체 지향 프로그래밍을 구현하기 위한 템플릿이자 설계 도구 이다. 클래스 생성방법 class MyClass { constructor() { // 생성자 메서드 } method1() { // 메서드 정의 } method2() { // 메서드 정의 } // ... } 위의 예제에서 MyClass는 클래스 이름이고 constructor은 생성자 메서드로 생성자 메서드는 객체를 생성할 때 가장먼저 호출되는 메서드로 초기화 작업을 수행한다. 인스턴스 함수를 사용하기 위해 함수를 호출 하듯이 클래스를 사용하려면 인스턴스를 생성해야 한다. 클래스가 객체를 생성하기 위한 템플릿이라면, 인스턴스는 그 템플릿을 통해 실제로 생성된 객체이다. 비유하자면 붕어빵틀 = 클래스라면, 붕어빵 = 인.. 2023. 6. 1. 자바스크립트 래퍼 객체(Wrapper Object) 이해하기 래퍼 객체(Wrapper Object)란? 래퍼 객체에 대해 이해하기 전에 객체지향 언어에서의 객체와 원시타입의 차이에 대해서 먼저 짚고 넘어가도록 하자 객체는 프로퍼티와 메서드를 가질 수 있지만 원시 타입은 가질 수 없다. 예시1 배열객체 프로퍼티와 메서드 접근 예를 들어서 배열 같은 경우는 객체 이기기 때문에 메서드와 프로퍼티가 존재하며 다음 예시 같이 length 프로퍼티와 sort 메서드에 접근할 수 있다. var data = [1, 2, 3, 4, 5]; console.log(data.length); // 5 console.log(data.sort((a,b)=>a-b)); // [1, 2, 3, 4, 5] 그렇다면 객체가 아닌 원시 타입은 어떨까? 자바스크립트는 총 6개의 원시 타입(primit.. 2022. 3. 16. 이전 1 2 다음 728x90 반응형 LIST