JavaScript 배열의 데이터를 개별 변수로 추출하는 방법

배열에 저장된 객체 데이터를 새로운 독립 변수로 가져오려면 점(.) 표기법(dot notation)을 사용하면 됩니다. 점 표기법은 객체의 속성에 간단하고 직관적으로 접근할 수 있는 가장 일반적인 방법입니다.

예제 코드

다음은 직원 정보 배열에서 두 번째 객체의 데이터를 개별 변수로 추출하는 코드입니다.

const employeeDetails = [
    {
        employeeName: "Chris",
        employeeAge: 25,
        employeeTechnology: "Java"
    },
    {
        employeeName: "David",
        employeeAge: 27,
        employeeTechnology: "Javascript"
    },
    {
        employeeName: "Bob",
        employeeAge: 24,
        employeeTechnology: "Python"
    }
]
var firstName = employeeDetails[1].employeeName;
var age = employeeDetails[1].employeeAge;
var technology = employeeDetails[1].employeeTechnology; 
console.log(firstName);
console.log(age);
console.log(technology);

코드 실행 방법

위 프로그램을 실행하려면 Node.js 환경에서 다음 명령어를 입력합니다.

node fileName.js

여기서는 파일 이름이 demo248.js라고 가정합니다. 배열 인덱스는 0부터 시작하므로, employeeDetails[1]은 두 번째 객체, 즉 David의 정보를 가리킵니다.

실행 결과

위 프로그램을 실행하면 콘솔에 다음과 같은 출력 결과가 나타납니다.

PS C:\Users\Amit\javascript-code> node demo248.js
David
27
Javascript

이처럼 점 표기법을 활용하면 배열 내 객체의 특정 속성값을 손쉽게 변수에 할당하여 독립적으로 사용할 수 있습니다. 참고로 속성 이름이 동적으로 결정되는 경우에는 대괄호 표기법(employeeDetails[1]["employeeName"])을 사용하는 것이 좋습니다.