본문 바로가기
JavaScript

배열

by 융디's 2024. 4. 20.
728x90
배열

배열

@2024.04.02

배열이란?

💡
여러 개의 값을 순서대로 저장하는 자료구조


@기본구조

타입 배열 명 = [값 1, 값 2, 값 3];
  • 객체는 한 변수 혹은 상수에 여러 가지 정보를 담기 위함이라면,-
  • 배열은 여러 개의 항목들이 들어있는 리스트
    • 배열 안에는 어떤 값이던지 넣을 수 있다.
    • 객체 배열
    const objects = [
    { name: '강아지', age: 2 }, 
    { name: '고양이' , age: 3}
    ];
    console.log(objects[1]); // { name: '고양이' age : 2 }

배열에 새 항목 추가

  • 내장 함수인 push 함수를 사용
  • Q. 이 배열은 const인 상수로 선언되었는데 어떻게 push가 가능할까?
    • const로 선언된 상수는 재할당 될 수 없다는 것을 의미하나,
      const로 선언된 배열이나 객체는 해당 배열 또는 객체의 내용을 변경하는 것을 막지 않는다.
    • 다른 배열을 objects로 다시 할당할 수 없으나, 배열 내부 요소는 변경할 수 있다.
objects.push({
	name: '개구리'
});

배열의 크기 알아내기

  • 배열 객체의 속성인 length를 이용
let size = objects.length;
console.log(size);

객체의 정보를 배열 형태로 받아올 수 있는 함수

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

Object.entries()

💡
주어진 객체의 각 속성을 [key, value] 형태의 배열로 변환하여 반환
  • 객체의 속성들을 엔트리의 형태로 가져올 수 있다.
    const entries = Object.entries(person);
    console.log(entries); //[["name", "John"], ["age", 30], ["city", "New York"]]-> 키,값

Object.keys()

💡
주어진 객체의 속성 이름들을 배열로 반환
  • 객체의 키들을 가져올 수 있다.
    const keys = Object.keys(person);
    console.log(keys); // ["name", "age", "city"]

Object.values()

💡
주어진 객체의 속성 값들을 배열로 반환
  • 객체의 값들을 가져올 수 있다.
    const values = Object.values(person);
    console.log(values); // ["John", 30, "New York"]
728x90

'JavaScript' 카테고리의 다른 글

배열 내장 함수  (0) 2024.04.21
for of / for in  (0) 2024.04.20
객체  (0) 2024.04.20
콜백 함수  (0) 2024.04.20
함수  (0) 2024.04.20