[JavaScript] 배열(array)에 쓰이는 함수(1)

01. pop()

배열의 마지막 값을 뺀다.

let fruit = ['banana' , 'apple' ,'grape','mango']
fruit.pop()
console.log(fruit); // banana , apple ,grape 출력

02. push()

배열의 끝 부분에 추가한다.

let fruit = ['banana' , 'apple' ,'grape']
fruit.push('mango')
console.log(fruit); // banana , apple , grape , mango 출력

03. includes()

배열 안에 아이템이 있는지 없는지 확인한다. (true/false)반환

let fruit = ['banana' , 'apple' ,'grape']
console.log(fruit.includes('apple')); // true 출력
console.log(fruit.includes('mango')); // false 출력

04. indexOf()

배열 안에 아이템의 인덱스 번호를 알려준다.

let fruit = ['banana' , 'apple' ,'grape','mango']
console.log(fruit.indexOf('apple')); // 1 출력

05. slice()

배열 안에 아이템을 잘라낸다. (시작점, 까지)
시작점 부터 반환이 된다.
특징으로는 기존 배열의 값을 건들지 않는다.

05-1. 숫자를 하나만 넣었을 경우 / slice(시작점)

숫자를 하나만 넣었을 경우에는 slice에 넣은 숫자부터 뒤에 아이템들을 출력한다.

let fruit = ['banana' , 'apple' ,'grape','mango']
console.log(fruit.slice(2)); // grape,mango
console.log(fruit) // banana , apple ,grape,mango 출력

05-2. 숫자를 두개를 넣었을 경우 / slice(시작점,까지)

숫자를 두개를 넣었을 경우에는 slice에 넣은 숫자부터 두번째 숫자번 이전까지의 아이템을 출력한다.

let fruit = ['banana' , 'apple' ,'grape','mango']
console.log(fruit.slice(1,3)); // 'apple' ,'grape'
console.log(fruit) // 'banana' , 'apple' ,'grape','mango' 출력

06. splice()

배열의 안에 아이템을 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경한다. (시작점, 개수 , 변경 내용)

06-1. 숫자를 하나만 넣었을 경우 / splice(시작점)

숫자를 하나만 넣었을 경우에는 splice에 넣은 숫자부터 뒤에 아이템들을 출력한다.

let fruit = ['banana' , 'apple' ,'grape','mango']
console.log(fruit.splice(2)); // 'grape','mango'
console.log(fruit) // 'grape', 'mango'

06-2. 숫자를 두개 넣었을 경우 / splice(시작점,개수)

시작점부터 적은 개수만큼 제거할 수 있다.

let fruit = ['banana' , 'apple' ,'grape','mango']
console.log(fruit.splice(0,2)); // 'banana' , 'apple' // 0번째에서 2개요소 제거 
console.log(fruit) // 'banana' , 'apple'

06-3. 아이템 추가 / splice(시작점,개수,아이템)

시작점부터 적은 개수만큼 제거하고 그 자리에 아이템 추가

let fruit = ['banana' , 'apple' ,'grape','mango']
let newfruit = fruit.splice(0,2,'pineapple'); 
console.log(newfruit) // 'pineapple', 'grape', 'mango'

참고 사용

let fruit = ['banana' , 'apple' ,'grape','mango']
//"apple"을 "pineapple"로 바꾸시오
fruit[fruit.indexOf('apple')] = "pineapple"
console.log(fruit) // 'banana' , 'pineapple' ,'grape','mango'


let fruit2 = ['banana' , 'apple' ,'grape','mango','pineapple','lime']
//"Spider"부터 3개의 아이템을 기존 어레이에서 제거하시오
fruit2.splice(fruit2.indexOf('mango'),2)
console.log(fruit2) // 'banana', 'apple', 'grape', 'lime' 출력


//"apple"이후의 값을 제거하시오
fruit2.splice(fruit2.indexOf('apple'))
console.log(fruit2) //'banana'


let fruit3 = ['banana' , 'apple' ,'grape','mango','pineapple','lime']
//""grape"부터 "pineapple"까지 가져와 새로운 어레이에 저장하시오
let newFruit = fruit3.slice(fruit3.indexOf('grape'),fruit3.indexOf('pineapple')+1)
console.log(newFruit) // 'grape', 'mango', 'pineapple'