자바스크립트 배열(반복문->출력/삽입/삭제/split/slice/splice)

[@] 배열

 

const kor=["불국사","다보탑","첨성대","제주도","한라산"];

 

[@] 반복->출력

기본 for / for..in (index를 출력) / for..of(value를 출력) / 배열명.forEach() / Spread Operator

kor.forEach(function(k,i,j) {

  console.log(k); //k는 value

  console.log(i); //i는 index

  console.log(j); //j는 배열임(즉, kor을 출력시킴)

})

//화살표 함수로도 가능 (k,i,j)=>{}

console.log(...kor); //Spread Operator 펼침 연산자 (개꿀)

[@] 삽입과 삭제

push(), unshift() / pop() ,shift()

 뒤        앞        뒤       앞

 

 shift()는 배열을 미는거라고 생각 -> 속도가 느림

 

[@] split() 메서드

문자열을 배열로

let korStr="대한 민국 짝짝짝짝짝~ 대 한 민 국"

 

let korSpl=korStr.split("~",2);

 

console.log(korSpl); ['대한 민국 짝짝짝짝짝', ' 대 한 민 국']

 

let korSpl2=korStr.split(" "); //분할개수 옵션이 없으면 조건에따라 지가 알아서 다 배열로 만들어줌

console.log(korSpl2); //['대한', '민국', '짝짝짝짝짝~', '대', '한', '민', '국']

[@]slice() / splice() 메서드

 

slice() -> 원본배열을 수정하지 않고 새로운 배열을 리턴

 

slice(start[,end]) end 까지임

 

let korSl=kor.slice(0);

console.log(korSl); //['불국사', '다보탑', '첨성대', '제주도', '한라산']

//만약 slice(1) 이면 '불국사'만 출력안됨

let korSl2=kor.slice(0,2); //인덱스가 2까지 => 0,1번째 인덱스에 있는 값 출력

console.log(korSl2);// ['불국사', '다보탑']

 

splice() -> 원본배열을 수정

 

잘라내고(삭제) 이어 붙일수 있다.

 

splice(start,count,item,item....);

 

console.log(kor);

const korSp=kor.splice(1,3,'안녕','하세요','값이','무한으로 가능')

console.log(korSp); //['다보탑', '첨성대', '제주도']

console.log(kor); //['불국사', '안녕', '하세요', '한라산']

//잘려진자리에 내가 넣어준 값이 들어감

const numArr=[1,2,3,4,5,6,7,8,9,10];

 

// const numSp=numArr.splice(5);

// console.log(numArr); //1,2,3,4,5

// console.log(numSp); //6,7,8,9,10

 

// const numSp2=numArr.splice(4,3); //4번째를 포함해서 3개를 자름

// console.log(numArr); //1,2,3,4,8,9,10

// console.log(numSp2); //5,6,7

 

//마이너스 splice(-2) -> 뒤에서 부터

console.log(numArr);

//splice(3,0,'빈칸') // 지정한 인덱스 자리부터(3) 요쇼 삭제없이 새로운 요소를 삽입

const numSp3=numArr.splice(2,0,'안녕')

console.log(numSp3); //[] 요소가 splice되지 않아서 새로운 배열만 생성됬고

console.log(numArr); //여기에는 2번째 자리에 '안녕'이 추가됨