티스토리 뷰

프로그래밍 정보/JavaScript

javascript - array

TodayIsHohoo 2021. 3. 30. 09:14
728x90
반응형

안녕하세요. 지난 시간에는 객체(object)에 대해서 다루어보았습니다.

 

자바스크립트-객체(object)

 

이번시간에는 객체와 비슷해보이지만 다른 배열(array)에 대해서 알아보겠습니다.

 

 

배열은

값들을 나열해놓은 묶음입니다.

 

배열은 [ ] 안에 값을 넣으며 객체(object)와의 차이점은 배열은 키가 없다는 점입니다.

 

const animal = ["tiger", "rabbit"];

 

배열에 접근하기

 

배열은 index를 통해 접근이 가능합니다.

첫번째 값이 0이고 마지막 값은 배열 값 개수의 -1을 더한 값입니다.

const animal = ["tiger", "rabbit"]

animal[0]; // tiger
animal[1]; // rabbit

위 예제와 같이 배열의 첫번째 값인 tiger의  인덱스값은 0입니다.

rabbit의 인덱스 값은 animal 배열의 개수 2에서 -1을 더한 1입니다.

 

또한 배열 안에 문자열 뿐만 아니라 숫자, 객체, 그리고 배열도 넣을 수 있습니다.

const classPerson = [
    {
    	name: ["jack", "jinho", "suhyon", "chanhyuk"]
    },
    {
    	name: ["mike", "gildong", "chanho"]
    },
]

classPerson[0].name
//["jack", "jinho", "suhyon", "chanhyuk"]

classPerson[0].name[1]
//"jinho"

classPerson[1].name
//["mike", "gildong", "chanho"]

classPerson[1].name[2]
//"chanho"
const animalPerson = [
["tiger", "rabbit"], ["mike", "jinhuyk"]
];


animalPerson[0] // ["tiger", rabbit]
animalPerson[0][1] //"rabbit"

 

오늘은 array의 특징들을 알아보았습니다.

 

다음 시간에는 array에 내장된 method에 대해 다뤄보겠습니다.

 

감사합니다.

 

참고

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

728x90
반응형

'프로그래밍 정보 > JavaScript' 카테고리의 다른 글

JavaScript) express-bodyParser  (0) 2021.04.22
JSON(JavaScript Object Notaion)  (0) 2021.04.05
window.location  (0) 2021.03.29
javascript-Object 특징  (0) 2021.03.29
javascript - let, const  (0) 2021.03.22
250x250
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함