JavaScript Array 자바스크립트 배열

1. 배열은 여러 요소의 값을 한번에 담은 그릇이다.

2. 선언

let 배열명;

3. 정의

배열명 = [값1, 값2, ...];

4. 선언과 동시에 정의

let 배열명 = [값1, 값2, ...];

5. 요소에 접근: 요소에 접근할 때는 「배열명[인덱스]」로 접근한다. 이 때 인덱스는 0부터 시작한다.

let arr = [1, 2, 3];
console.log(arr[0]);

6. 요소의 값 재정의

let arr = [1, 2, 3];
arr[0] = 7;
console.log(arr);

7. 배열의 특정 값 찾기

const friends = [
  {
    name: '양주진',
    age: 32,
    job: '코인러',
    married: false,
  },
  {
    name: '오영제',
    age: 32,
    job: '랩퍼',
    married: false,
  },
  {
    name: '서준형',
    age: 32,
    job: '2년차 유부남',
    married: true,
  }
];

// 유부남 찾기
const findedSadGuy = friends.find((friend) => {
  return friend.married === true;
})

console.log('슬픈남자 ', findedSadGuy);

조건에 맞는 값 중 첫번째 값을 리턴한다. 만약 만족하는 값이 없으면 「undefined」를 리턴한다.

8. 길이

arr.length;

9. 길이로 선언

let 배열명 = new Array(배열길이);

10. 요소 추가

arr.push(요소1, 요소2, ...); //끝에 추가
arr.unshift(요소); //앞에 추가
arr.splice(위치인덱스, 0, 요소1, 요소2, ...); //원하는 위치에 요소 추가

11. 요소 삭제

arr.pop(); //마지막 요소 삭제
arr.shift(); //첫번째 요소 삭제
arr.splice(위치인덱스, 요소개수); //위치인덱스부터 요소개수 만큼의 요소 삭제

12. 2차원 배열 선언

const arr = Array.from(Array(길이), () => new Array(길이)); //빈 배열
const arr = Array.from(Array(길이), () => Array(길이).fill(null)); //null로 채워진 배열

자바스크립트에는 2차원 배열이란 개념이 없다. 다만 1차원 배열에 또 다른 배열 객체를 추가하는 방법을 사용한다.

13. 배열 여부 확인

let bool = Array.isArray(obj);