[기초 자바스크립트] 4. 배열, 배열과 같이 쓸 수 있는 함수들

요런 갬성을 다루어본다,,, 여기 나온 함수 정도는 암기

* slice는 기존의 배열을 건들지 않는다.(따라서 잘린 값을 빼서 새 배열을 만들고 싶으면 let 새 변수에 할당해야함)

* splice는 기존의 배열이 잘린다.

 

 

* push() 배열 뒷부분에 요소 추가

* 인덱스를 사용해 배열 뒷부분에 요소 추가하기

const fruit =['바나나','사과','배']

fruit[fruit.length]='귤'

fruit

['바나나','사과','배','귤']

약간 요런 감성

요런 갬성..,

 

let fruit1="banana"
let fruit2="apple"
let fruit3="grape"

let fruits = ["banana","apple","grape","mango"]
console.log(fruits)
console.log(fruits[0])
console.log(fruits[1])
console.log(fruits[2])
console.log(fruits[3])
console.log(fruits[4])
fruits[4] = "cherry"
console.log(fruits[4])
console.log(fruits)
//pop() : 배열 마지막에 있는 원소 제거
fruits.pop()
console.log(fruits)
//push() : 배열 마지막에 새로운 원소 추가
fruits.push("orange")
console.log(fruits)
//includes("원소"): 배열에 포함되어 있다 true
//includes("원소"): 배열에 안 포함되어 있다 false
console.log(fruits.includes("water"))
console.log(fruits.includes("orange"))
//indexOf("원소"): 아이템의 인덱스 번호를 리턴
console.log(fruits.indexOf("orange"))
console.log(fruits.indexOf("water"))//없는 원소는 -1 출력
//slice(시작점, 끝점): 시작점~끝점(미포함) 까지 배열을 복사해서 리턴
console.log(fruits.slice(1))
console.log(fruits.slice(1,4))
console.log(fruits.slice(1,3))

 

출력결과

[ 'banana', 'apple', 'grape', 'mango' ]
banana
apple
grape
mango
undefined
cherry
[ 'banana', 'apple', 'grape', 'mango', 'cherry' ]
[ 'banana', 'apple', 'grape', 'mango' ]
[ 'banana', 'apple', 'grape', 'mango', 'orange' ]
false
true
4
-1
[ 'apple', 'grape', 'mango', 'orange' ]
[ 'apple', 'grape', 'mango' ]
[ 'apple', 'grape' ]

배열과 같이 쓸 수 있는 함수들 🚀

• pop() : 배열 끝에있는 아이템을 제거, 그 아이템값을 리턴
• push(‘아이템’): 배열 끝에 아이템 추가, 배열의 최종 길이 리턴
• includes(‘아이템’): 배열에 아이템이 포함되어있으면 true리턴 아니면 false 리턴
• indexOf(‘아이템’): 아이템의 인덱스 번호를 리턴
• slice(시작점, 끝점):

  let extrafruits = fruits.slice(1,3)
  consoe.log(extrafruit)

  시작점~끝점(미포함) 까지 배열을 복사해서 리턴
  좀더 다양한 사용법 참고 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
• splice(시작점,개수): 시작점부터 몇개의 원소를 제거하고 싶은지

  fruits.splice(2,1)
  console.log(fruits)

• length : 배열 함수는 아니지만 배열의 크기를 리턴해주는 속성

예시

let array = ["apple","banana","mango"]
console.log(array.length) // 3이 나옴, 배열에 아이템이 총 3개라서

 

<배열 차례대로 출력하기>

 

https://youtu.be/e_lU39U-5bQ

* 엘리님 영상 캡처입니다.