전체 코드를 살펴보기에 앞서, 알아야 할 메서드들이 있다.
push 메서드
var 배열 = [1,2,3];
배열.push(4);
console.log(배열); //배열 = [1,2,3,4]
배열.push(숫자)로 실행하며, 해당 배열의 마지막에 숫자(요소)를 추가하게된다.
splice 메서드
var 배열 = [1,2,3,4,5,6];
var 새배열 = 배열.splice(5,1); //새배열 = [6]
console.log(배열) //배열 = [1,2,3,4,5]
var 다른배열 = 배열.splice(3,0,7,8); //다른배열 = []
console.log(배열) // 배열 = [1,2,3,7,8,4,5]
배열.splice(인덱스, 삭제할 요소의 갯수 , 배열에 추가할 요소)로 실행하며, 배열안의 요소를 삭제하고, 추가할 수 있다.
해당 메서드는 삭제한 요소를 배열로 반환한다.
- '새배열'은 '배열'의 5번째 인덱스부터 1개의 요소를 삭제하고 난 뒤 삭제한 요소를 반환받아 [6]이 된다.
- '다른배열'은 '배열'의 3번째 인덱스부터 0개의 요소를 삭제했으므로, 삭제한 요소가 없어 빈 배열을 반환받는다.
split 메서드
var 숫자 = 123;
var 배열 = 숫자.split(''); //배열 = [1,2,3]
변수.split(구분자)로 실행하며, 변수안의 숫자(값)들을 배열로 반환받는다.
join 메서드
var 배열 = [1,2,3];
var 문자열 = 배열.join(''); // 문자열 = "123"
배열.join(구분자)로 실행하며, 배열안의 요소들을 하나의 문자열로 합쳐서 반환받는다.
배열안에 들어있는 값이 숫자형식이더라도 join을 실행하면 문자열로 받는다.
indexOf 메서드
var 배열 = [1,2,3,4,5,6];
배열.indexOf(3); // 2를 반환한다.
배열.indexOf(7); //-1을 반환한다.
배열.indexOf(값)으로 실행하며, 값의 인덱스 번호를 반환한다.
만약, 값과 동일한 요소가 배열안에 존재하지 않을 경우 -1을 반환한다.
'공부 > Java script' 카테고리의 다른 글
[JavaScript]함수표현식과 함수선언문 (0) | 2021.10.21 |
---|---|
[Java Script]원시타입과 객체타입 (0) | 2021.10.20 |
자바스크립트로 숫자야구게임 만들기(2) (0) | 2021.01.23 |
EventListener가 반복문 역할을 하게 만들기 (0) | 2021.01.11 |
html 내에 자바스크립트 코드를 넣는법 (0) | 2021.01.08 |