Push, Pop, Unshift, Shif

* 영어표기가 디폴트, 이하 한글표기

* Angular 기준

---

최근에 Split 때문에 배열이랑 엄청 싸웠는데. 그 과정에서 정리했던 메모 짧게 기록합니닷.

배열에 값을 추가하거나 제거하는 함수로 Push, Pop, Unshift, Shift 가 있다.

 

기능별로 소개를 하자면

 

1. 추가

Push	Unshift
순차대로, 뒤부터 추가	역순으로, 앞부터 추가

2. 제거

Pop	Shift
순차대로, 뒤부터 제거	역순으로, 앞부터 제거

 

---

배열에 대해서 간략하게 설명하자면

1

2

3

4

5

let ArrayA = [1, 2, 3, 4, 5]

Array[0] = 1

 

this.ArrayA.push(6)

console.log(this.Array)     → 1, 2, 3, 4, 5, 6  // push 를 통해 순차적으로 뒤에 추가됨 (6)

 

this.ArrayA.unshift(9)

console.log(this.Array)     → 9, 1, 2, 3, 4, 5, 6  // unshift 를 통해 역순으로 앞에 추가됨 (9)

 

this.ArrayA.pop()

console.log(this.Array)     → 9, 1, 2, 3, 4, 5  // pop 을 통해 순차적으로 제거됨 (6)

 

this.ArrayA.shift()

console.log(this.Array)     → 1, 2, 3, 4, 5  // shift 를 통해 역순으로 제거됨 (9)

---

여기서는 단순하게 number 만 사용했지만 문자열을 오리고 자를 수 있는 함수 Split 를 통해 더욱 다양하게 활용 가능

예시 문자열 

다람쥐-09-15 18:00

let ArrayB = [1, 2, 3, 4, 5]

testB: string = '다람쥐-09-15 18:00';

splitString = this.testB.split("-")     →  " - " 를 기준으로 자름  //  다람쥐-09-15

다람쥐

09

15

18:00

splitString[0] = '다람쥐';

splitString[1] = '09';

splitString[2] = '15';

splitString[3] = '18:00';

splitStringTwo = this.splitString[3].split(":");     →  " : " 를 기준으로 자름  // 18:00

18

00

splitSum = this.splitString[0]  + splitStringTwo[1]

console.log(splitSum)     → 다람쥐00

다람쥐00

이게... 나누고 붙이면서. push 나 pop 등이 필요해짐.

안그러면 배열[0] 으로 값이 다 들어가짐.

push 를 해서 배열 한칸 한칸 값을 잘 넣자.

---

2022.11.16

!! split 잘 하고 console 을 이상하게 찍지말자.

예를 들면

dotory: string = '2022-11-16'

dotolip: string[] = [];

 

this.dotolip = this.dotory.split("-")

console.log(this.dotolip[1])         //11 ~ [{2022}, {11}, {16}]

console.log(this.dotory[1])          //0 ~ [2, 0, 2, 2, -, 1, 1, -, 1, 6]

 

---

 

정리가 엉성하네요... ㅜㅜ....