push, unshift, splice / pop, shift, splice

08 Feb 2023 - Less than 1 minute read

push / pop

---

• push

  • 배열의 마지막에 요소 추가

  • var array = ['bonjour', 'baguette', 'croissant'];
    
    array.push('frites');
    
    console.log(array);
    console.log(array[3]);
    
    // (4) ['bonjour', 'baguette', 'croissant', 'frites']
    // frites
    

• pop

  • 배열의 마지막 요소 제거

  • var array = ['bonjour', 'baguette', 'croissant'];
    
    array.pop();
    console.log(array);
    
    // (2) ['bonjour', 'baguette']
    

uhshift / shift

---

• unshift

  • 배열의 맨 앞에 새로운 요소 추가

  • var array = ['bonjour', 'baguette', 'croissant'];
    
    array.unshift('frites');
    console.log(array);
    
    // (4) ['frites', 'bonjour', 'baguette', 'croissant']
    

• shift

  • 배열의 맨 앞 요소 제거

  • var array = ['bonjour', 'baguette', 'croissant'];
    
    array.shift();
    console.log(array);
            
    // (2) ['baguette', 'croissant']
    

splice

---

• 배열의 요소를 삭제, 교체 하거나 새로운 요소 추가

• array.splice(시작인덱스, 삭제개수)

    var array = ['bonjour', 'baguette', 'croissant'];
  
    array.splice(0, 1);
    console.log(array);
      
    // (2) ['baguette', 'croissant']
  
    array.splice(0, 2);
    console.log(array);
  
    // []
  

• array.splice(시작인덱스, 삭제개수, 시작인덱스위치에추가할요소)

    var array = ['bonjour', 'baguette', 'croissant'];
  
    array.splice(1, 1, 'vin');
    console.log(array);
  
    // (3) ['bonjour', 'vin', 'croissant']
  

  
  

    var array = ['bonjour', 'baguette', 'croissant'];
  
    array.splice(1, 1);
    console.log(array);
    // (2) ['bonjour', 'croissant']
  
    array.splice(1, 0, 'fromage');
    console.log(array);
    // (3) ['bonjour', 'fromage', 'croissant']
  
    array.splice(0, 2, 'vin', 'jambon');
    console.log(array);
    // (3) ['vin', 'jambon', 'croissant']