[ES6] 20. pop, push , shift , unshift, for of

[ES6] 20. pop, push , shift , unshift, for of 

 

변수   .push (끝에 배열 인덱스가)    입력 

변수   .pop   (끝에 배열 인덱스가)    제거

 

pop() 메소드는 배열 내의 마지막 요소를 제거하고 해당 요소를 반환합니다. pop() 메소드는 원래의 배열을 수정합니다.

예시:

```
let fruits = ['사과', '바나나', '딸기', '오렌지'];
console.log(fruits.pop()); // '오렌지'가 출력됩니다.
console.log(fruits); // 배열이 ['사과', '바나나', '딸기'] 로 수정됩니다.
```

push() 메소드는 배열의 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환합니다.

예시:

```
const animals = ['개', '고양이', '햄스터'];
const length = animals.push('펭귄', '토끼');

console.log(animals); // ['개', '고양이', '햄스터', '펭귄', '토끼'] 가 출력됩니다.
console.log(length); // 5 가 출력됩니다.
```

위의 예시 코드에서, fruits.pop()은 '오렌지'라는 값을 반환하면서 배열에서 제거되었습니다. 반면에, animals.push()는 '펭귄'과 '토끼'라는 값을 배열의 끝에 추가하고 새로운 배열의 길이를 반환합니다. 출력된 결과물을 보면 이해하기 쉬울 것입니다.

unshift() ,

(바꿀값 인덱스1, 바꿀값 인덱스2 ) 추가하여 값을 변경가능하다.

 

unshift() 메소드는 배열의 첫 번째 위치에 하나 이상의 요소를 추가하고, 새로운 배열의 길이를 반환합니다.

예시:

```
let numbers = [1, 2, 3, 4, 5];
console.log(numbers.unshift(0, -1)); // 새로운 배열의 길이인 7을 반환합니다.
console.log(numbers); // 배열이 [-1, 0, 1, 2, 3, 4, 5] 로 수정됩니다.
```

위의 예시에서, numbers.unshift(0, -1)는 0과 -1이라는 두 개의 요소를 배열의 앞쪽에 추가하고, 새로운 배열의 길이인 7을 반환합니다. 출력된 배열은 [-1, 0, 1, 2, 3, 4, 5]입니다. 

unshift() 메소드는 shift() 메소드와 반대로 동작합니다. shift() 메소드는 배열의 첫 번째 요소를 제거하고, unshift() 메소드는 배열의 첫 번째 위치에 하나 이상의 요소를 추가합니다.

 

shift()

걍 shift()만 써도 첫번째 요소가 삭제된다.

shift() 메소드는 배열의 첫 번째 요소를 제거하고, 제거한 요소를 반환합니다. shift() 메소드는 원래의 배열을 수정합니다.

예시:

```
let numbers = [1, 2, 3, 4, 5];
console.log(numbers.shift()); //1이 출력됩니다.
console.log(numbers); // 배열이 [2, 3, 4, 5] 로 수정됩니다.
```

위의 예시에서, numbers.shift()는 배열의 첫 번째 요소인 1을 반환하고 numbers 배열에서 제거됩니다. numbers 배열의 모든 요소가 이전에 첫 번째 요소로부터 한 인덱스씩 앞으로 이동했기 때문에, 출력된 배열은 [2, 3, 4, 5]입니다.

 

---

let 변수명 = ['A', 'B', 'C'];
for (let sport of 변수명) {
  console.log(sport); // 'A', 'B', 'C'를 순차적으로 출력합니다.
}

 

,

for...of 루프는 배열의 요소를 반복하거나 커스텀 객체의 순회 가능한 속성 값을 반복할 때 사용됩니다. for...of 루프는 기존의 반복문보다 가독성이 높고 간단합니다. 

예시:

```
let sports = ['축구', '야구', '농구'];
for (let sport of sports) {
  console.log(sport); // '축구', '야구', '농구'를 순차적으로 출력합니다.
}

let str = "hello";
for (let char of str) {
  console.log(char); // 'h', 'e', 'l', 'l', 'o'를 순차적으로 출력합니다.
}
```

위의 예시에서, 배열 sports의 각 요소는 sport와 같은 변수로 선언되어 순차적으로 출력됩니다. 문자열 "hello"의 각 문자도 마찬가지로 char와 같은 변수로 선언되어 출력됩니다. 이 방식으로 배열이나 순회 가능한 객체의 각 요소를 보다 쉽게 순회할 수 있습니다.

 

.push는 맨뒤에 있는 요소를 추가한다.

.pop은 맨뒤에 있는 요소를 제거한다.

.unshift 맨 앞에 요소를 추가한다.

.shift 맨 앞에 요소를 제거 한다.