본문 바로가기

Programming/Code Snippets

자바스크립트에서 객체와 배열 다루기

객체의 속성 확인하기

const operators = {
  '+': (a, b) => a + b,
  '-': (a, b) => a - b,
  '*': (a, b) => a * b,
  '/': (a, b) => a / b
};

let token = '+';
if (token in operators) {
  console.log(`연산자 ${token}이(가) 존재합니다.`);
} else {
  console.log(`연산자 ${token}이(가) 존재하지 않습니다.`);
}

 

배열 요소 순회하기

const array = [1, 2, 3, 4, 5];

// for문 사용
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

// forEach 사용
array.forEach(item => {
  console.log(item);
});

 

배열 필터링하기

const numbers = [1, 2, 3, 4, 5];

// 짝수만 필터링
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // [2, 4]

 

배열 매핑하기

const numbers = [1, 2, 3, 4, 5];

// 각 요소에 2를 곱함
const doubled = numbers.map(number => number * 2);
console.log(doubled); // [2, 4, 6, 8, 10]

 

배열 병합하기

const firstArray = [1, 2, 3];
const secondArray = [4, 5, 6];

// 스프레드 연산자를 사용하여 배열 병합
const mergedArray = [...firstArray, ...secondArray];
console.log(mergedArray); // [1, 2, 3, 4, 5, 6]


const firstArray = [1, 2, 3];
const secondArray = [4, 5, 6];

// concat 메서드를 사용하여 배열 병합
const mergedArray = firstArray.concat(secondArray);
console.log(mergedArray); // [1, 2, 3, 4, 5, 6]

 

객체의 키와 값 순회하기

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// for...in 사용
for (let key in person) {
  console.log(`${key}: ${person[key]}`);
}

// Object.keys와 forEach 사용
Object.keys(person).forEach(key => {
  console.log(`${key}: ${person[key]}`);
});

 

객체의 값 가져오기

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// Object.values 사용
const values = Object.values(person);
console.log(values); // ['John', 30, 'New York']

 

객체를 배열로 변환하기

const person = {
  name: 'John',
  age: 30,
  city: 'New York'
};

// 객체의 키-값 쌍을 배열로 변환
const entries = Object.entries(person);
console.log(entries);
// [['name', 'John'], ['age', 30], ['city', 'New York']]

 

객체 병합하기

const person = {
  name: 'John',
  age: 30
};

const location = {
  city: 'New York',
  country: 'USA'
};

// 두 객체 병합
const mergedObject = {...person, ...location};
console.log(mergedObject);
// {name: 'John', age: 30, city: 'New York', country: 'USA'}

 

스프레드 연산자(...)를 사용하여 객체에 요소 추가하기

const obj = {
  name: 'John',
  age: 30
};

// 스프레드 연산자를 사용하여 객체에 새로운 속성 추가
const newObj = { ...obj, city: 'New York', country: 'USA' };

console.log(newObj);
// 출력: { name: 'John', age: 30, city: 'New York', country: 'USA' }