객체는 한 변수 안에 여러 가지 값을 담기 위해 사용했다면 배열은 여러 개의 항목들이 들어 있는 리스트와 같습니다
js에서의 배열은 배열 속 값들이 전부 똑같을 필요는 없습니다 첫 번째는 문자열, 두 번째는 숫자형, 세 번째는 불린 형으로 담을 수 있습니다
객체와는 다르게 선언할때 { } (중괄호)가 아닌 [ ] (대괄호)로 선언합니다
// 숫자, 문자, 논리, 객체, 배열
const array = [1, 'array', true, {}, []]
배열 안에 값을 꺼낼때는 index(인덱스) 값으로 꺼내는데 인덱스 순서를 0번부터 시작합니다
const array = [1, 'array', true, {name: '멍멍이'}];
console.log(array[0]); // 결과 : 1
console.log(array[1]); // 결과 : array
console.log(array[2]); // 결과 : true
console.log(array[3]); // 결과 : Object {name: '멍멍이'}
가끔 착각해서 4번째에 있는 값을 꺼낼 때 index값을 4로 작성하면 결과 값은 undefined로 나옵니다
const array = [1, 'array', true, {name: '멍멍이'}];
console.log(array[4]); // 결과 : undefined
배열안에 객체 넣기
const objects = [
{ name: '멍멍이'},
{ name: '야옹이'},
};
// 배열안에 push 내장함수로 객체넣기
objects.push({
name: '뭉뭉이'
});
console.log(objects);
결과
배열의 크기(배열 안에 있는 값의 개수) 확인하는 내장 함수
const objects = [
{ name: '멍멍이'},
{ name: '야옹이'},
};
// 배열의 길이를 확인하는 내장함수
console.log(objects.length); // 결과 : 2
objects.push({
name: '뭉뭉이'
});
console.log(objects.length); // 결과 : 3
'공부 > javascript' 카테고리의 다른 글
[ javascript ] 알고있으면 유용한 JS문법2 (0) | 2021.06.28 |
---|---|
[ javascript ] 알고있으면 유용한 JS문법 (0) | 2021.06.27 |
[ javascript ] Getter 와 Setter 함수 (0) | 2021.06.10 |
[ javascript ] 객체안에 함수 넣기 (0) | 2021.06.10 |
[ javascript ] 비구조화 할당 (0) | 2021.06.09 |