「React Native筆記」在React的 setState 中操做數組和對象的多種方法（合集）

　　運用在React 中 setState的對象、數組的操做時是不能用相似array.push()等方法，由於push沒有返回值，setState後會出現state變成Number，爲了方便他人和本身查看，所以寫個數組和對象的操做方法小筆記。

　　一、修改object中某項

this.setState({
  object: {...object, key: value}
});

　　二、刪除數組首位

array.splice(0, 1);
this.setState({
  array
});

　　三、刪除數組尾部

array.splice(array.length - 1);
this.setState({
  array
});

　　四、刪除數組任意一項

array.splice(index, 1);
this.setState({
  array
});

　　五、數組尾部添加一項

this.setState({
  array: [...array, item]
});

　　六、數組頭部添加一項

this.setState({
  array: [item, ...array]
});

　　七、數組任意位置添加一項

array.splice(index, 0, item);
this.setState({
  array
});

　　八、修改數組中任意一項中值

function updateArrayItem(index, key, value) {
  this.setState({
    array: array.map((item, _index) => _index == index ? {...item, [key]: value} : item)
  });
}

　　九、複雜類型修改

this.setState(prevState => return newState);