TIL.3 .js basic

• JavaScript 기본 정리.
  + push() / pop() — 배열 끝에 요소를 추가하거나 제거
  + unshift() / shift() — 배열 처음에 요소를 추가하거나 제거
  + concat() — 배열과 배열 또는 값을 합친 새로운 배열 반환
  

구문 push() / pop()

JS

arr.push(element1[, ...[, elementN]])
arr.pop()

• push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환한다.
• pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환한다.

예시 push() / pop()

JS

var coffee = ['americano', 'latte', 'cappuccino', 'mocha'];
var popped = coffeMenu.pop();
  console.log(coffeMenu); // ['americano', 'latte', 'cappuccino'] 
  console.log(popped); // 'mocha'
var snack = ['scone', 'cookie'];
Array.prototype.push.apply(coffee, snack);
  console.log(coffee); // ['americano', 'latte', 'cappuccino', 'scone', 'cookie']

---

구문 unshift() / shift()

JS

arr.unshift([...elementN])
arr.shift()

• unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환한다.
• shift() 메서드는 배열에서 첫 번째 요소를 제거하고, 제거된 요소를 반환합니다. 이 메서드는 배열의 길이를 변하게 한다.

예시 unshift() / shift()

JS

const array1 = [1, 2, 3];
  console.log(array1.unshift(4, 5)); // expected output: 5
  console.log(array1); // expected output: Array [4, 5, 1, 2, 3]
const array1 = [1, 2, 3];
const firstElement = array1.shift();
  console.log(array1); // expected output: Array [2, 3]
  console.log(firstElement); // expected output: 1

---

구문 concat()

JS

array.concat([value1[, value2[, ...[, valueN]]]])

• concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다.

예시 concat()

JS

const alpha = ['a', 'b', 'c'];
const numeric = [1, 2, 3];
  alpha.concat(numeric); // 결과: ['a', 'b', 'c', 1, 2, 3]
const num1 = [1, 2, 3];
const num2 = [4, 5, 6];
const num3 = [7, 8, 9];
  num1.concat(num2, num3); // 결과: [1, 2, 3, 4, 5, 6, 7, 8, 9]
const alpha = ['a', 'b', 'c'];
  alpha.concat(1, [2, 3]); // 결과: ['a', 'b', 'c', 1, 2, 3]