본문 바로가기

공부/Java script

자바스크립트로 숫자야구게임 만들기(1)

전체 코드를 살펴보기에 앞서, 알아야 할 메서드들이 있다.

 

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을 반환한다.