javascript - 如何从嵌套对象的数组中删除元素？ (lodash)

Question

<分区>

Answer 1

你不需要 lodash 来完成这个。

使用 .shift() 从数组中删除第一个元素。

let newData = {...data}

newData.owner.kyc.shift()

用.splice()从某个点移除元素。

let newData = {...data}

newData.owner.kyc.splice(0, 1)

使用 .filter() 去除不符合指定条件的项目

let newData = {...data}

newData.owner.kyc = newData.owner.kyc.filter((item, index) => {
   return index !== 0
})

由于您使用的是 React，因此您希望将此数据置于组件状态，以便当您实际从数组中删除某些内容时，应用程序会更新以反射(reflect)新结果。

查看沙箱:https://codesandbox.io/s/mystifying-fog-2yhwd

class App extends React.Component {
  state = {
    data: data
  };

  removeFirstItem = () => {
    const { data } = this.state;

    let newData = { ...data };

    newData.owner.kyc.shift();

    this.setState({
      data: newData
    });
  };

  render() {
    const { data } = this.state;
    return (
      <div>
        <h4>Car Info:</h4>
        <div>
          KYC:
          {data.owner.kyc.map((item, index) => {
            return (
              <div>
                <span>{index + 1}) </span>
                {item.id}
              </div>
            );
          })}
        </div>
        <button onClick={this.removeFirstItem}>Remove first item</button>
      </div>
    );
  }
}