2023. 8. 22. 00:56γ0. TiL ( Today I Learned )
μκ³ λ¦¬μ¦ λ¬Έμ λ₯Ό νλ©΄μ, λ€λ₯Έ μ¬λλ€μ λ¬Έμ λ€μ 보면μ λ°°μ λ λ©μλ μ€
splice, slice , concat λ©μλμ λν΄μ μΆκ° 곡λΆλ₯Ό ν΄λ³΄μλ€.
spliceλ λ¨μν μμ μ©λλ§ μ¬μ©νλλ°, μΆκ°μμλ‘ μΈ μ μλ€λκ²μ μκ² λμλ€!
1. splice() λ©μλ
splice() λ©μλλ μλ°μ€ν¬λ¦½νΈ λ°°μ΄μμ μ¬μ©ν μ μλ λ΄μ₯ν¨μλ€.
μ΄ ν¨μλ λ°°μ΄μ λ΄μ©μ λ³κ²½ν μ μλ€. splice() ν¨μλ μΈ κ°μ λ§€κ°λ³μλ₯Ό λ°λλ€.
첫 λ²μ§Έ λ§€κ°λ³μλ λ°°μ΄μμ μμ νκ±°λ λ체νλ €λ μμμ μμ μΈλ±μ€.
λ λ²μ§Έ λ§€κ°λ³μλ μμ νλ €λ μμμ κ°μ.
μΈ λ²μ§Έ λ§€κ°λ³μλΆν°λ λ°°μ΄μ μΆκ°νλ €λ μμμ λλ€.
arr. splice(n, m, ×)
// n : λ°°μ΄μμ μμ νκ±°λ, λ체νλ €λ μμμ μμμΈλ±μ€
// m : μμμ κ°μ
// x : λ°°μ΄μ μΆκ°νλ €λ μμ
const arr = [1, 2, 3, 4, 5];
// ** μ΄ λ°°μ΄μμ μΈλ±μ€ 2ν°, 2κ°μ μμλ₯Ό μ κ±°νκ³ κ·Έμ리μ 6,7μ μΆκ° νλ €λ©΄ μλμ κ°μ΄ μ¬μ©
arr.splice(2, 2, 6, 7);
console.log(arr); // [1, 2, 6, 7, 5]
// ** λ§μ½ mκ°μ (2λ²μ§Έ)'0'μ λ£κ²λλ©΄, νΉμ μμλ₯Ό μ§μΈκ²μ΄ μλ€. κ·Έλ¬λ―λ‘ μΆκ°'λ§'λλ€.
μ°Έμ‘° : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
2. slice() λ©μλ
slice() λ©μλ μλ°μ€ν¬λ¦½νΈ λ°°μ΄μμ μ¬μ©ν μ μλ λ΄μ₯ ν¨μλ€.
μ΄ ν¨μλ λ°°μ΄μ μΌλΆλΆμ μΆμΆνμ¬ μλ‘μ΄ λ°°μ΄μ λ°ννλ€.
slice() ν¨μλ λ κ°μ λ§€κ°λ³μλ₯Ό λ°λλ€.
첫 λ²μ§Έ λ§€κ°λ³μλ μΆμΆνκ³ μ νλ μμμ μμ μΈλ±μ€.
λ λ²μ§Έ λ§€κ°λ³μλ μΆμΆνκ³ μ νλ μμμ λ§μ§λ§ μΈλ±μ€. λ§μ§λ§ μΈλ±μ€λ μΆμΆνμ§ μλλ€.
const arr = [1, 2, 3, 4, 5];
// ** μ΄ λ°°μ΄μμ μΈλ±μ€ 1λΆν° 3κΉμ§μ (μ«μ 2, 3, 4) μμλ₯Ό μΆμΆ ** //
const result = arr.slice(1, 4);
console.log(result); // [2, 3, 4]
//** μ μ½λμμ slice() ν¨μλ arr λ°°μ΄μμ μΈλ±μ€ 1λΆν° 3κΉμ§μ μμλ₯Ό μΆμΆ
// μλ‘μ΄ λ°°μ΄ resultμ μ μ₯νλ€. λ°λΌμ result λ°°μ΄μ [2, 3, 4]κ° λλ€. **//
μ°Έμ‘° : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
3. concat() λ©μλ
λ©μλλ μλ°μ€ν¬λ¦½νΈ λ°°μ΄μμ μ¬μ©ν μ μλ λ΄μ₯ ν¨μ.
μ΄ ν¨μλ λ°°μ΄μ μμλ€μ ν©μ³μ μλ‘μ΄ λ°°μ΄μ λ°ννλ€.
concat() ν¨μλ μΈμλ‘ μ λ¬λ λ°°μ΄μ΄λ κ°λ€μ κΈ°μ‘΄ λ°°μ΄μ ν©μ³μ μ λ°°μ΄μ λ°ννλ€.
κΈ°μ‘΄ λ°°μ΄μ λ³κ²½νμ§ μκ³ , μΆκ°λ μλ‘μ΄ λ°°μ΄μ λ°ννλ€.
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
// ** λκ°μ λ°°μ΄μ ν©μΉ λ concat() ν¨μλ₯Ό μ¬μ©ν΄μ ν©μΉλκ²μ΄ κ°λ₯νλ€. **//
const result = arr1.concat(arr2);
console.log(result); // [1, 2, 3, 4, 5, 6]
//** concat() ν¨μλ arr1κ³Ό arr2 λ κ°μ λ°°μ΄μ ν©μ³μ μλ‘μ΄ λ°°μ΄ resultμ μ μ₯λλ€.
λ°λΌμ result λ°°μ΄μ [1, 2, 3, 4, 5, 6]κ° λλ€. **//
μ°Έμ‘° : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

μκ³ λ¦¬μ¦ μ£Όκ°μ μμ λ§μ΄ λλ΄νλ€..
μλλ λ¬Έκ³ΌκΈ°μ§ κ°ν¨ + μν¬μ μκΈ°μ
μκ³ λ¦¬μ¦μ μ½ν μ€ μκ³ μμλ€.
μνλ μ¬λλ€μ΄ λ§μΌλ κ΄ν κΈ°μ£½κ² λκ³ κ·Έλ¬λ€.
λΆλͺ λλ§μ μ€ν μ€κ° μλλ°,
λ€λ₯Έ μ¬λλ€μ΄ μ νλ λͺ¨μ΅λ§μ 보면μ
'빨리 μ κ±Έ ν΄ λ΄μΌνλ?' νλ©° μ’ λΆμνλ κ² κ°λ€.
μ€λ μ£Όλ³μ¬λλ€λ‘ λΆν° λ§μ μ΄μΌκΈ°λ₯Ό λ£κ³ ,
μ‘°κΈ λ§μ νΈνκ² λ¬Έμ μ μ κ·Όν΄ λ³΄κΈ°λ‘ νλ€.
μκ³ λ¦¬μ¦ λν μ·¨μ μ΄λ, λμ€μ μν΄μ μ ν΄μΌνλ κ²λ λ§μ§λ§,
λ΄κ° μ§κΈ κ·Έλ¦¬κ³ κΈΈκ² λ³΄μμ μμΌλ‘
무μμ μ μΌ μν΄μΌ νλμ§ λͺ©μ μ λλ ·μ΄ κ°μ ΈμΌκ² λ€.
λ무 λλ΄νμ§ λ§μ!