JavaScript

자바스크립트 배열 가지고 놀기

동띠기 2020. 8. 27. 17:39
728x90
// 배열의 값 추가/삭제/수정

// splice(startIndex, deleteCount, item)

let hobby = ['축구', '농구', '야구', '골프', '탁구'];

for(let i = 0; i < hobby.length ; i++){
    console.log(hobby[i]);
}
// 출력 : 축구 농구 야구 골프 탁구


// 첫번째 요소 삭제 index 임으로 0부터 시작
hobby.splice(0, 1); 
// 출력 : 농구 야구 골프 탁구


// 첫번째 요소를 삭제 후 그 자리에 테니스 삽입
hobby.splice(0, 1, '테니스'); 
// 출력 : 테니스 야구 골프 농구


// 두번째 요소 부터 3개 삭제 후 그 자리에 럭비 족구 스카이다이빙 삽입
hobby.splice(1, 3, '럭비', '족구', '스카이다이빙'); 
// 출력 : 테니스 럭비 족구 스카이다이빙


// 배열의 마지막 요소에 피겨스케이딩 댄스 추가
hobby.splice(hobby.length, 0, '피겨스케이딩', '댄스'); 
// 출력 : 테니스 럭비 족구 스카이다이빙 피겨스케이딩 댄스


// hobby.length는 현제 6이다. 6-3 = 3 즉 2번쨰 요소부터 3개 삭제
hobby.splice(2, hobby.length - 3);
// 출력 : 테니스 럭비 댄스 

// 배열의 첫 요소 삭제
hobby.shift();

// 배열의 마지막 요소 삭제
hobby.pop();

// 배열의 첫 요소로 값 추가
hobby.unshift('스크린골프');

// 배열의 마지막 요소로 값 추가
hobby.push('배드민턴');
728x90

'JavaScript' 카테고리의 다른 글

팰린드롬 확인하기  (0) 2020.08.29
배열 나누어 각각 담기  (0) 2020.08.27
자바스크립트 기본 배열의 정의  (0) 2020.08.27
자바스크립트 Date 가지고 놀기  (0) 2020.08.27
Javascript for in 문  (0) 2020.08.27