본문 바로가기
반응형

객체4

[JS] 자바스크립트 배열 메서드 조작, 탐색 변형까지 프론트엔드 실무를 하다 보면 가장 많이 다루게 되는 자료 구조 중 하나가 바로 배열(Array) 입니다. 오늘은 배열을 다룰 때 사용하는 핵심 메서드들을 요소 조작 / 순회 & 탐색 / 배열 변형으로 나누어 하나씩 살펴보겠습니다.1. 요소 조작 메서드 (Element Manipulation)✅ push(): 배열 끝에 요소 추가let arr1 = [1, 2, 3];arr1.push(4, 5, 6);console.log(arr1); // [1, 2, 3, 4, 5, 6]const newLength = arr1.push(7, 8);console.log(newLength); // 8실무 Tip: 서버에서 페이지네이션으로 데이터 일부를 받아올 때 기존 배열에 추가하는 데 자주 사용됩니다.✅ pop(): 배열 끝.. 2025. 4. 24.
[JS] 자바스크립트 반복문으로 배열과 객체 순회하기 자바스크립트에서 데이터를 처리할 때 배열과 객체를 순회(iteration)하는 방법은 매우 중요합니다. 이번 글에서는 배열과 객체를 효과적으로 순회하는 방법을 실무 예제와 함께 알아보겠습니다.순회(iteration)란?순회란 배열이나 객체와 같은 데이터 구조에 저장된 여러 개의 값에 순서대로 접근하여 처리하는 작업을 말합니다.1. 배열(Array) 순회하기1-1. 기본 for 문을 이용한 배열 순회가장 기본적인 방법으로 배열의 길이를 이용하여 각 인덱스에 접근하는 방법입니다.const arr = [1, 2, 3];for (let i = 0; i 1-2. for...of 반복문을 이용한 배열 순회for...of는 배열을 순회하는데 특화된 방법으로 값을 바로 접근할 수 있어 편리합니다.const arr = .. 2025. 4. 24.
[JS] 구조 분해 할당(Destructuring Assignment)이란? 구조 분해 할당(Destructuring Assignment)은 배열이나 객체의 속성을 해체하여 개별 변수에 담을 수 있게 하는 JavaScript의 강력한 표현식입니다.1. 배열 구조 분해 1-1) 기본 할당배열의 요소들을 순서대로 새로운 변수에 할당할 수 있습니다: const colors = ["green", "blue", "purple"];const [c1, c2, c3] = colors;console.log(c1); // "green"console.log(c2); // "blue"console.log(c3); // "purple"1-2) 선언 분리 할당변수 선언과 할당을 분리하여 구조분해를 할 수 있습니다: let a, b;[a, b] = [1, 2];console.log(a); // 1conso.. 2025. 1. 6.
[JS]JavaScript 객체와 배열 완벽 가이드 JavaScript에서 가장 기본이 되는 객체(Object)와 배열(Array)에 대해 자세히 알아보겠습니다. 1. 객체(Object)의 이해 1-1) 객체 생성 방법JavaScript에서 객체를 생성하는 방법은 두 가지가 있습니다.let obj1 = new Object(); // 객체 생성자 방식let obj2 = {}; // 객체 리터럴 방식 (권장)1-2) 객체 프로퍼티 다루기객체는 key와 value 쌍으로 이루어진 프로퍼티들의 집합입니다.let person = { name: "문과생", age: 35, hobby: "없음", job: "Web Developer", "like cat": true // 띄어쓰기가 있는 프로퍼티명};1-3) 프로퍼티 접근 방법// 점 표기.. 2025. 1. 3.
반응형

티스토리툴바