공부/javascript

[ javascript ] 배열

신입개발자 2021. 6. 11. 15:18

객체는 한 변수 안에 여러 가지 값을 담기 위해 사용했다면 배열은 여러 개의 항목들이 들어 있는 리스트와 같습니다

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