[JavaScript] 자바스크립트에서 배열을 만드는 방법 Array, Object

2021. 3. 4. 01:37Program/JavaScript

자바스크립트에서 배열을 만드는 방법 Array, Object

 

1. Array(배열)

배열을 만드는 첫번째 방법은 이름 그대로 Array(배열)이다.

배열의 깂(요소)으로는 number, string, booliean, float, 변수, 함수, Array, Object, 등 어떤 값이라도 추가할 수 있으며,

종류가 다른 값들도 함께 담을 수 있다.

 

 

 

Array의 이름을 호출하면 전체 배열값을 반환해주고,

Array의 이름에 인덱스번호를 입력하면 인덱스 번호에 있는 값을 반환한다.

const myInfo = ["playdaddy", "48", true, "Seoul"];

console.log(myInfo);
console.log(myInfo[3]);

// { name: 'wondhan', age: 48, gender: 'Male', isHandsome: true }
// Seoul

 

 

2. Object(객체)

배열을 만드는 두번째 방법은 Object(객체)를 만드는 방법이다.

Object의 값으로는 Array와 마찬가지로 어떤 값이라도 추가할 수 있으며, 종류가 다른 값들도 함께 담을 수 있다.

 

Object의 이름을 호출하면 전체 배열값을 반환해주고,

Object의 이름에 .key값을 입력하면 해당 key의 value 값을 반환한다.

const myInfo = {
    name: "playdaddy",
    age: 48,
    gender: "Male",
    isHandsome: true,
    favMovies: ["Along the gods", "LOTR", "Oldboy"],
    favFood: [{name:"Kimchi", fatty:false}, {name:"Cheese burger", fatty: true}]
}
console.log(myInfo);
console.log(myInfo.gender);

/*
{
  name: 'playdaddy',
  age: 48,
  gender: 'Male',
  isHandsome: true,
  favMovies: [ 'Along the gods', 'LOTR', 'Oldboy' ],
  favFood: [
    { name: 'Kimchi', fatty: false },
    { name: 'Cheese burger', fatty: true }
  ]
}
Male
*/

[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

 

[JavaScript] 자바스크립트 배열(Array) 정의하기

044_자바스크립트 배열(Array) 정의하기 [적용] 배열을 정의하고 싶을 때 배열 데이터의 값을 가져오고 싶을 때 [문법] 구문 의미 [ ]  배열 정의 배열[인덱스] 배열 요소 데이터의 값 가져오기 [내용

stonefree.tistory.com


[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

 

 

[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

자바스크립트에서 배열(array) 생성하기 1. 배열 리터럴 대괄호[]를 사용하여 배열을 만드는 방법 1) 초기값을 할당하여 배열 생성 var arr = [123, '가나다', true]; console.log(arr); 2) 빈 배열 생성후 배열

stonefree.tistory.com