[js]배열 내장함수[splice,split,shift,pop,unshift,push,concat,join]

자바스크립트 배열내장함수2

• splice
• split
• shift
• pop
• unshift
• push
• concat
• join

배열 내장함수

splice

배열에서특정 항목을 제거 및 추가 할때 사용

• (지정한항목, 삭제할 갯수, 추가할 항목)

  1.지정한 항목 은 index를 나타낸다

  2. 갯수: 삭제할 갯수를 넣는다.
  3. 추가할 항목 : 추가할 항목을 넣는다. / 아무것도 안넣으면 삭제의 의미 가 된다.

const numbers = [10,20,30,40];

const index = numbers.indexOf(30);
const spliced = numbers.spllice(index, 2)
//제거한 결과값
console.log(spliced)// [30,40]
//기존배열값
console.log(numbers)//[10,20]

slice

배열을 자를 때 사용, 기존의 배열을 건들지 않는다.

• (시작 인덱스 지정, 원하는 인덱스지정(원하는 인덱스 전까지 삭제))

const numbers = [10, 20, 30, 40];

const sliced = numbers.slice(0,2)
console.log(sliced) // [10,20]
console.log(numbers) // [10, 20, 30, 40]

shift

첫번째 원소를 배열에서 추출, 기존의 배열을 수정한다.

const numbers = [10, 20, 30, 40];

const value = numbers.shift()//
console.log(value); //10
console.log(numbers); // [20, 30, 40]

pop

마지막 원소를 배열에서 추출, 기존의 배열을수정한다.

const numbers = [10, 20, 30, 40];

const value = numbers.pop()
console.log(value)//40
console.log(numbers) // [10,20,30]

unshift

배열 맨 앞에 원소 추가, 기존의 배열을수정한다.

const numbers = [10, 20, 30, 40];

numbers.unshift(5);
console.log(numbers); // [5,10, 20, 30, 40];

push

배열 맨 뒤에 원소 추가

const numbers = [10, 20, 30, 40];

numbers.push(50)
console.log(numbers)//[10, 20, 30, 40,50];

concat

여러개의배열을 하나의 배열로 합쳐준다. 기존의 배열은 건들지 않는다.

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];

const concated = arr1.concat(arr2)
console.log(concated)//[1, 2, 3, 4, 5, 6]

//ES6 스프레드 연산자
const concated2 = [...arr1, ...arr2]
console.log(concated2)//[1, 2, 3, 4, 5, 6]

join

배열 안의 값들을 문자열 형태로 합쳐 줄때 사용

const array = [1,2,3,4,5]
console.log(array.join())//1,2,3,4,5
console.log(array,join('-')) // 1-2-3-4-5