프로퍼티 순서

프로퍼티가 어떤 순서를 따라야 하는지 예시 코드와 함께 정리해 보록 하겠습니다.

 

 

const person = {
  "first name": "Lee",
  age: 30,
  hobbies: ["Sports", "Cooking"],
};

console.log(person);

person 이라는 객체를 콘솔 로그로 확인해보겠습니다.

 

콘솔을 확장하지 않고 보면 코드의 순서대로 확인을 할 수 있습니다.

 

여기서 콘솔을 확장하여 보면 자동으로 프로퍼티, 즉 key-value 쌍이 정렬된 것을 할 수 있습니다.

 

정렬되는 순서를 아래 예시 코드와 함께 조금 더 살펴보겠습니다.

 

const numbers = { 5: "true", 1: "hello" };

console.log(numbers); // {1: 'hello', 5: 'true'} 출력

key의 값이 숫자로만 이루어진 객체를 출력해보니 작은 수에서 큰 수로 정렬되는 것을 확인할 수 있습니다.

 

이렇게 숫자로 이루어진 객체의 경우 숫자가 자동으로 정렬되게 됩니다.

 

key가 숫자인 경우 정렬되어 나오고 문자열인 경우 추가한 순서대로 프로퍼티가 출력되게 됩니다.