[JavaScript] 자바스크립트에서 배열을 만드는 방법 Array, Object
2021. 3. 4. 01:37ㆍProgram/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) 생성, 추가, 삭제_new, push(), pop()...
'Program > JavaScript' 카테고리의 다른 글
[JavaScript] HTML,CSS 객체에 접근할때! (0) | 2021.03.05 |
---|---|
[JavaScript] (`) 백틱(backtick)과 템플릿 리터럴 (0) | 2021.03.05 |
[JavaScript] 자바스크립트 변수(상수)생성 방법 let, var, const (0) | 2021.03.02 |
[JavaScript] 함수(functuon)만들기, 호출하기 (0) | 2021.03.02 |
[JavaScript] HTML에서 JavaScript 변수(상수) 사용하기 (0) | 2021.02.26 |