react.js 시작하기 190808 - 전개 연산자

전개 연산자는 어딘가 중간에 같은 요소를 끼워 넣어야 할 때 사용한다.

//전개 연산자? : 어딘가 중간에 끼워넣어야함
let ar = [10,20,30,40]

let br = [50,ar,60]//중간에 끼워넣어야함
//배열요소 안에 배열이 들어가버림
console.log(br);//[ 50, [ 10, 20, 30, 40 ], 60 ]


let cr = [50,...ar,60]//전개 연산자 사용문법
console.log(cr);//[ 50, 10, 20, 30, 40, 60 ]

const obj1 = {
    a:10,
    b:20,
    c:30,
}
const obj2 = {
    d:40,
    ...obj1,   //여기에 넣고 싶당
    e:50,
}
console.log(obj2);//{ d: 40, a: 10, b: 20, c: 30, e: 50 }

function f1 (){ //객체를 리턴하는 함수
       return {
           a:10,
           b:20,
       }
}
const obj3 = {	//함수를 콜하면 들어가짐
    c:30,
    d:40,
    ...f1(),
}

console.log(obj3);//{ c: 30, d: 40, a: 10, b: 20 }

걍 별거아님 근데 많이씀

 

오늘 한 slice를 활용해서 하자면

    <li onDoubleClick={()=>{
    this.setState({
      // arr: this.state.arr.slice(0,k)
      // .concat(this.state.arr
      //   .slice(k+1,this.state.arr.length))	//이거 대신에
      
      arr: [									//이거
        ...this.state.arr.slice(0,k), 
        ...this.state.arr.slice(k+1,this.state.arr.length)
      ]
    })

    }} key={k}>{v}</li>