\(@^0^@)/

[JS] Array Methods ( unshift, shift, push, pop, splice, includes, indexOf ) 본문

TIL

[JS] Array Methods ( unshift, shift, push, pop, splice, includes, indexOf )

minjuuu 2021. 8. 25. 20:27
728x90

오늘 들은 제로초 JS 강의에 나온 배열 메서드들을 한 줄 정리해보자!
그중에서 특히 splice를 좀 더 자세히 다뤄보고 정리해보자!
아직은 딱히 vscode를 쓸 필요가 없는 것 같아서, 브라우저 console 창으로 공부하는 중인데
문득 요새 깃헙 잔디를 안 심어서 이런 거라도 남겨야 하나..? 하는 생각이 드네...🤔🤔😵


unshift : 배열 앞에서부터 요소 추가 <-> shift : 배열 앞에서부터 요소 제거

push : 배열 뒤에서부터 요소 추가 <-> pop : 배열의 마지막 요소를 제거

✨ includes : 주어진 값이 배열 내부에 존재하면 True가 되고, 존재하지 않으면 False

indexOf : 몇 번째 인덱스에 위치하는지 (앞에서부터) , 결괏값이 없으면 -1

lastIndexOf : 몇 번째 인덱스에 위치하는지 (뒤에서부터), 결괏값이 없으면 -1


🐱‍👓 splice 메서드를 이용하여 배열 test의 인덱스 2, 3을 제거.

 

🐱‍👓 splice 메서드를 이용하여 배열 test2의 인덱스 2부터의 요소들을 제거.

 

🐱‍👓 splice 메서드를 이용하여 배열 test 3의 인덱스 1부터 3까지의 요소들을 제거하고, 해당 위치에 숫자 6, 7을 추가.

 

🐱‍👓 splice 메서드를 이용하여 배열 test4의 인덱스 2 뒤에 숫자 6을 추가.

 

🐱‍👓 splice, indexOf 메서드를 이용하여 배열 arr의'라'에 해당하는 요소를 모두 제거. 

🐱‍👓 splice, indexOf 메서드를 이용하여 배열 arr의'라'에 해당하는 요소를 모두 제거. (반복문 사용)

(왜 반복문 안에 또 다시 선언해야 하는지 모르겠음..  계속 생각해서, 강의를 전부 끝내기전에 알아낼 예정)


참고 : ZeroCho Tv - ES2021 자바스크립트 강좌

※ MDN : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

728x90

'TIL' 카테고리의 다른 글

[JS] 고차 함수  (0) 2021.08.27
프로그래밍 순서도 그리기  (0) 2021.08.26
정규표현식 RegExr  (0) 2021.08.24
[CSS] 적절한 HTML Tags  (0) 2021.08.23
[CSS] Responsive CSS units  (0) 2021.08.23