# 자바스크립트에서 자주 사용하는 배열 및 객체 관련 메서드 정리

자바스크립트에서 배열과 객체는 가장 많이 사용되는 데이터 구조입니다. 이번 글에서는 배열과 객체를 다룰 때 유용한 메서드들을 정리해보겠습니다.

---

## 1. 배열(Array) 관련 메서드

### 1) `push()` & `pop()`
- 배열의 끝에 요소를 추가(`push`)하거나 제거(`pop`)

```js
let fruits = ["Apple", "Banana"];
fruits.push("Cherry"); // ["Apple", "Banana", "Cherry"]
fruits.pop(); // ["Apple", "Banana"]
```

### 2) `shift()` & `unshift()`
- 배열의 앞에서 요소를 제거(`shift`)하거나 추가(`unshift`)

```js
let numbers = [2, 3, 4];
numbers.unshift(1); // [1, 2, 3, 4]
numbers.shift(); // [2, 3, 4]
```

### 3) `map()`
- 배열의 각 요소를 변환하여 새로운 배열 반환

```js
let numbers = [1, 2, 3];
let doubled = numbers.map(num => num * 2);
console.log(doubled); // [2, 4, 6]
```

### 4) `filter()`
- 특정 조건을 만족하는 요소만 필터링하여 새로운 배열 반환

```js
let numbers = [10, 20, 30, 40];
let greaterThan20 = numbers.filter(num => num > 20);
console.log(greaterThan20); // [30, 40]
```

### 5) `reduce()`
- 배열을 순회하며 누적 연산 수행

```js
let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // 10
```

### 6) `find()` & `findIndex()`
- 특정 조건을 만족하는 첫 번째 요소 찾기(`find`) 또는 인덱스 반환(`findIndex`)

```js
let users = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" }
];
let user = users.find(user => user.id === 2);
console.log(user); // { id: 2, name: "Bob" }
```

### 7) `some()` & `every()`
- 배열 요소 중 일부(`some`) 또는 전체(`every`)가 조건을 만족하는지 확인

```js
let numbers = [2, 4, 6, 8];
console.log(numbers.some(num => num > 5)); // true
console.log(numbers.every(num => num > 5)); // false
```

### 8) `sort()` & `reverse()`
- 배열 정렬(`sort`) 및 순서 뒤집기(`reverse`)

```js
let numbers = [4, 2, 8, 1];
numbers.sort((a, b) => a - b); // [1, 2, 4, 8]
numbers.reverse(); // [8, 4, 2, 1]
```

---

## 2. 객체(Object) 관련 메서드

### 1) `Object.keys()` & `Object.values()` & `Object.entries()`
- 객체의 키, 값, 키-값 쌍을 배열로 반환

```js
let person = { name: "Alice", age: 25 };
console.log(Object.keys(person)); // ["name", "age"]
console.log(Object.values(person)); // ["Alice", 25]
console.log(Object.entries(person)); // [["name", "Alice"], ["age", 25]]
```

### 2) `Object.assign()`
- 객체 복사 및 속성 병합

```js
let obj1 = { a: 1, b: 2 };
let obj2 = { b: 3, c: 4 };
let merged = Object.assign({}, obj1, obj2);
console.log(merged); // { a: 1, b: 3, c: 4 }
```

### 3) 객체를 배열화하여 순회하기
객체의 키-값 쌍을 배열로 변환하여 순회하는 방법입니다.

```js
let person = { name: "Alice", age: 25, city: "New York" };

Object.entries(person).forEach(([key, value]) => {
  console.log(`${key}: ${value}`);
});
```

출력 결과:
```plaintext
name: Alice
age: 25
city: New York
```

### 4) `JSON.stringify()` & `JSON.parse()`
- 객체를 JSON 문자열로 변환(`stringify`), JSON 문자열을 객체로 변환(`parse`)

```js
let person = { name: "Alice", age: 25 };
let jsonString = JSON.stringify(person);
console.log(jsonString); // '{"name":"Alice","age":25}'

let parsedObject = JSON.parse(jsonString);
console.log(parsedObject); // { name: "Alice", age: 25 }
```



배열, 객체관련 메서드

배열, 객체관련 자주사용하는 메서드 정리

FrontEnd

TypeScript

배열, 객체관련 메서드

김동환