728x90 300x250 SMALL 배열7 객체/배열 디스트럭처링 시 기본값 설정하기 디스트럭처링을 할 때, 값이 존재하지 않으면 기본값을 설정할 수 있다.이 경우, 변수에 기본값을 지정하면 해당 값이 없을 때 대신 사용된다. 객체 디폴트 값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. [javaScript]배열 원하는 위치 새 항목 추가/제거 splice() splice() 배열의 원하는 위치에 새 항목을 추가 fruits.splice(2, 0, "Lemon", "Kiwi"); 첫 번째 매개변수(2)는 새 요소를 추가(연결)해야 하는 위치를 정의한다. 두 번째 매개면수(0)는 제거해야 하는 요소의 수를 정의한다. 나머지 매개변수는 추가할 새 요소를 정의 한다. splice()메서드는 삭제된 항목이 있는 배열을 반환한다. const fruits = ["Banana", "Orange", "Apple", "Mango"]; document.getElementById("demo1").innerHTML = "Original Array: " + fruits; let removed = fruits.splice(2, 2, "Lemon", "Kiwi"); document.ge.. 2022. 11. 2. forEach 반복문으로 배열값 전체 호출하기 forEach는 반복문 중에서 오직 배열 Array 객체에서만 사용 가능한 메서드이다. (ES6부터 Map, Set 지원) map과 비슷해 보이지만 forEach는 return값이 없다. forEach 구문의 인자로 콜백함수를 등록해서 배열 첫 번째부터 마지막 번까지 반복해서 item을 호출하게 된다. 예제를 보도록 하자 let text = ""; const number = [1,2,3,4,5]; number.forEach(numArray); function numArray(item, index) { console.log(index + '.' + item); } 결과 numArray의 인자로 현재 item과 index값을 넘겨받아 출력한다. 만약 이 값을 차례로 html 태그 안에 나타내려면? inner.. 2022. 4. 24. 이전 1 2 다음 728x90 반응형 LIST