[JS] 배열 4_ 다양한 메소드: concat()/ new Array(n) / push()/ unshift() / shift( ) / pop()

▪️ 주어진 배열에 기존배열을 합쳐 새로운 배열을 반환

concat()

• 원본배열은 변하지 않으며, 새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않음.

• 중복된 요소가 있어도 상관없이 배열을 합쳐줌

  let name = ['안녕','하세','요']
  let name2 = ['안녕히','가세','요']
  name.concat(name2)  // ['안녕', '하세', '요', '안녕히', '가세', '요']

    //  배열속에 배열이 있는경우
      //1.배열을 변수에 지정해서 인자로 넘겨주는 경우
  let name = ['안녕','하세','요']
  let num = [1,2,3,[5,6,7]]
    name.concat(num)  // ['안녕', '하세', '요', 1, 2, 3, [5, 6, 7]]   
       //2. 인자에 바로 배열을 작성하는경우
  let name = ['안녕','하세','요']
    name.concat(1,2,3,[5,6,7])  // ['안녕', '하세', '요', 1, 2, 3, 5, 6, 7]

  // 두개이상의 배열을 합칠경우
  let num = [[11, 12, 13], [14, 15, 16], [17, 18, 19]]
  function makeNewArr () {
  return num[0].concat(num[1],num[2])
  }
  console.log(makeNewArr())  // [ 11, 12, 13, 14, 15, 16, 17, 18, 19 ]

  
  

  ---

  
  

▪️ n개의 공간을 가진 빈배열 만들기

new Array(n)

기본

console.log(new Array(4)) // (4) [비어 있음 × 4]
// 요소를 포함하고 있지 않지만 4개의 공간이 있는 상태

빈배열에 값을 할당하려면 반복문을 사용

let arr = new Array(4);
for(let i=0; i< arr.length ; i++) {
arr[i] = i+1
}
console.log(arr) // [ 1, 2, 3, 4 ]

---

▪️ 배열끝에 요소 추가하기

push()

  let arr = [1,2,3];
arr.push(4);  // [1,2,3,4]

---

▪️ 배열앞에 요소 추가하기

unshift()

let arr = [1,2,3];
arr.unshift(4);  // [4, 1, 2, 3]

---

▪️ 배열마지막 요소 제거

pop()

let threeArr = [1, 4, 6];
let oneDown = threeArr.pop();
console.log(oneDown); //  6 제거된 요소가 따로 변수에 저장됨
console.log(threeArr); // [1, 4]   원본배열은 제거된 값 없이 저장

---

▪️ 배열마지막 첫번째 요소 제거

shift( )

let threeArr = [1, 4, 6];
let oneDown = threeArr.pop();
console.log(oneDown); //  1 제거된 요소가 따로 변수에 저장됨
console.log(threeArr); // [4,6]   원본배열은 제거된 값 없이 저장