09.arrayMothods.md

배열에 요소를 추가할 때 쓰는 Methods

array.splice(변경시작요소,제거요소,추가요소)

배열에 요소를 추가 하거나 제거 합니다.

변경시작요소-배여읠 변경을 시작할 인덱스의값

제거요소-배열에서 제거할 요소의 수 0일경우아무것도 제거하지 않음

추가요소- 배열에 추가 할 요소 아무것도 쓰지 않을 수 있음

var  arr  = ['0번','1번','2번','3번'];
arr.splice(2,1,'★');
console.log(arr);

[ '0번', '1번', '★', '3번' ] 두번째 배열부터 시작해서 한가지의 요소를 제거(2번)하고 ★을 추가시김

array.push(추가요소)

배열 끝에 한가지 이상의 요소를 추가함

var  arr  = ['0번','1번','2번','3번'];
arr.push('4번')
console.log(arr);

[ '0번', '1번', '2번', '3번', '4번' ]

array.unshift(추가요소)

배열 앞에 한가지 이상의 요소를 추가함

var  arr  = ['0번','1번','2번','3번'];
arr.unshift('★','☆')
console.log(arr);

[ '★', '☆', '0번', '1번', '2번', '3번' ]

array.concat(매개변수)

인자로 주어진 배열이나 값을 기존의 배열에 합처 새 배열을 반환

var  arr1  = ['빨','주','노','초']
var  arr2  = ['파','남','보']
console.log(arr1.concat(arr2))

[ '빨', '주', '노', '초', '파', '남', '보' ]

배열의 요소 제거

array.pop()

배열의 마지막 요소를 제거한다.

var  arr  = ['0번','1번','2번','3번'];
arr.pop()
console.log(arr);

[ '0번', '1번', '2번']

array.shift()

배열의 첫번째 요소를 제거하고 그 값요소를 반환한다.

var  arr  = ['0번','1번','2번','3번'];
var firstElement= arr.shift()
console.log(arr);
console.log(firstElement)

[ '1번', '2번', '3번' ] 0번

array.slice(추출시작점index, 추출종료점index)

추출 시작점부터 종료점까지의 새로운 객체를 반환 *추출종료점index의 값은 포함되지 않는다.

var  arr  = ['0번','1번','2번','3번','4번','5번'];
var slice = arr.slice(2,4)
console.log(slice)

[ '2번', '3번' ]

종료값이 음수일 경우

var  arr  = ['0번','1번','2번','3번','4번','5번'];
var slice = arr.slice(2,-1)
console.log(slice)

index값이 2인 요소부터 끝에서 두번쨰 요소까지를 반환한다.

[ '2번', '3번', '4번' ]

배열에 요소 찾을때

array.includes()

배열에 특정요소가 있는지 판별하여 true , false로 반환

var  arr  = ['사과','딸기','수박','참외'];
console.log(arr.includes('수박'))
console.log(arr.includes('복숭아'))

true , false

array.indexOf()

요소의 최초의 인덱스 값을 반환 없을 경우 -1

var  arr  = ['사과','딸기','수박','참외'];
console.log(arr.indexOf('수박'))
console.log(arr.indexOf('복숭아'))

2 ,-1

array.lastindexOf()

요소의 마지막인덱스 값을 반환 없을 경우 -1

var  arr  = ['사과','딸기','수박','참외','딸기','수박','멜론','참외'];
console.log(arr.lastIndexOf('수박'))
console.log(arr.lastIndexOf('복숭아'))

5 ,-1

array.find() , array.findIndex()

배열에서 조건을 충족한 요소의 첫번째 값을 리턴 findInedex 는 인덱스값을 리턴 없을 경우 undefined를 리턴

var  arr  = [5,9,15,2,22,56];

var  find  =  arr.find(function(e){
return  e  >  10
})	  

var  findIndex  =  arr.findIndex(function(e){
return  e  >  10
})

console.log(find)

console.log(findIndex)

15 ,2