06. Array랑 놀자 - 두둠칫편

Judy·2021년 9월 8일
0

JavaScript

목록 보기
7/14
post-thumbnail

Array랑 놀자 시리즈
1. 두둠칫편 ( push, pop, shift, unshift )
2. S편 ( slice 와 splice )
3. 거름망편 ( filter )
4. 옥수수고양이편 ( concat )

1. Array.push()

✅ 읽기

function arrPush(){
 let myArray = [["jang",29],["moon",28]];
 
 myArray.push(["kim",26];
 
 return myArray;
 
 console.log(arrPush());// [["jang", 29], ["moon", 28], ["kim", 26]]

 arrPush 함수에는 myArray배열이 들어가 있고,
 myArray에 "kim", 29를 추가해줘

- push 메소드
인수로 전달 받은 모든 값을 원본 배열의 마지막 요소(배열의 끝)로 추가.
원본 배열을 직접 변경.

🤔 다른 방법도 있어!

const myArray = [25, 29];
arr[arr.length] = 30;

console.log(myArray); // [25, 29, 30]
  • length 프로퍼티를 사용해서 배열의 마지막에 직접 추가
  • 추가할 요소가 하나라면 length를 사용하는게 더 빠름

2. Array.pop()

✅ 읽기

function arrPop(){
 let myArray = [["jang",29],["moon",28]];
 
 let myPop = myArray.pop();

 return myArray;
 }
 
 console.log(arrPop());// ["jang",29]
 
    arrPop 함수 안에 있는 MyArray 배열의 
    마지막 요소를 삭제해줘
    

- pop 메소드
원본 배열에서 마지막 요소를 제거하고 제거한 요소를 반환.
원본 배열이 빈 배열이라면 undefind를 반환.
원본 배열을 직접 변경.

3. Array.shift()

✅ 읽기

function arrShift(){
 let myArray = [["jang",29],["moon",28]];
 
 let myDel = myArray.shipt();

 return myArray;
 }
 
 console.log(arrShift());// ["moon",28]
 
  arrShift함수안에 있는 myDel배열의 
  첫번째 요소를 삭제 해줘

- shift 메소드
원본 배열에서 첫번째 요소를 제거하고 제거한 요소를 반환.
원본 배열이 빈 배열이라면 undefind를 반환.
원본 배열을 직접 변경.

4. Array unshift()

✅ 읽기

function arrUnshift(){
 let myArray = [["jang",29],["moon",28]];
 
 let myFirst = myArray.unshipt("kang",25);

 return myArray;
 }
 
 console.log(arrUnshift());// ["kang", 25, ["jang", 29], ["moon", 28]]
 
 arrUnshift함수안에 있는 myFirst배열의 
  첫번째 요소에 넣어줘

- Unshift 메소드
원본 인수로 전달 받은 모든 값을 원본 배열의 선두에 추가.
원본 배열을 직접 변경.

5. 이미지화

😊 피드백은 언제나 감사합니다.

profile
영원히 공부하는 멋진 장선생!!

0개의 댓글