TIL) 자바스크립트 배열 기초, 배열 메소드 정리

배열과 객체 : JavaScript에서 대량의 데이터를 쉽게 다룰 수 있게 해주는 데이터 타입.

     배열이나 객체를 사용하면 여러 번의 선언과 할당을 해야만 했던 작업을 단 한 번의 선언으로 해결할 수 있다.

 

배열 : 순서가 있는 값. 

여기서 순서는 인덱스(Index)라고 부른다. 0부터 번호를 매긴다. 

여기서 값은 요소(element)라고 부른다. 

 

• 값은 인덱스를 이용해 접근한다. 
• 배열의 인덱스 값은 할당을 통해 변경할 수 있다.
• 존재하지 않는 요소를 참조하면  undefined가 반환되고, 그 배열에는 empty라고 반환된다. 

👇추가공부 참고👇

2022.05.10 - [JavaScript] - TIL) 희소배열, 배열 empty, 배열 undefined

 

let myNumber = [[13, 58], [7, 54], [67, 1]];

myNumber의 1번째 인덱스 값은? /  myNumber[1] = [7, 54]

myNumber의 1번째 인덱스 값의 0번째 인덱스 값은? myNumber[1][0] = 7

 

 

• 배열 길이 알아내기 .length

let myNumber = [74, 45, 12, 4];
myNumber.length; //4

온점을 이용해서 변수가 가지고 있는 속성 (property)에 접근할 수 있다. 

 

 

• 배열 요소 마지막에 추가하기 .push()

let myNumber = [74, 45, 12, 4];
myNumber.push(98); // 5
                   // myNumber = [74, 45, 12, 4, 98]

온점을 이용해서 관련된 명령(method)도 실행할 수 있다. 명령을 실행할 때는 함수를 실행하듯 괄호를 열고 닫는 형태로 실행한다. 

 

 

• 배열 첫번째에 추가하기 .unshift()

let myNumber = [74, 45, 12, 4];
myNumber.unshift('smile'); // 5
                  // myNumber = ['smile',74, 45, 12, 4]

 

• 배열 마지막 요소 삭제하기 .pop()

let myNumber = [74, 45, 12, 4];
myNumber.pop(); // 4
                // myNumber =[74, 45, 12]

 

 

• 배열 첫번째 요소 삭제하기 .shift()

let myNumber = [74, 45, 12, 4];
myNumber.shift(); // 74
                  // myNumber = [45, 12, 4]

 

• 배열인지 판별하기 Array.isArray();

let words = ['하늘','바람','별'];
Array.isArray('문자열'); // false
Array.isArray(123); // false
Array.isArray(words); // true
Array.isArray([]); // true

 

• 특정 값이 배열에 포함되어 있는지 확인하고 있으면 인덱스값, 없으면 -1 return .indexOf()

let fruits = ['banana', 'apple', 'watermelon'];
fruits.indexOf('apple'); // 1
fruits.indexOf('watermelon'); // 2
fruits.indexOf(4);       // -1
fruits.indexOf('pineapple'); // -1

 

배열에 없으면 -1이 나온다. 

 

 

• 특정 값이 배열에 포함되어 있는지 없는지 확인하고 boolean으로 return .includes() // IE에서는 호환안된다. 

let fruits = ['banana', 'apple', 'watermelon'];
fruits.indexOf('apple'); // true
fruits.indexOf('pineapple'); // false