反应阵列检查是否存在值

Question

如何检查ticketId是否已经插入数组？

这是代码：

state = { myState: [], status: 0, limit: 5 };
  selected(ticketId) {
  if (this.state.status < this.state.limit) { 
    this.state.myState.push({ id: ticketId }); //what ever i chose get inserted
    this.state.status++;
    this.setState({ status: this.state.status }); 
    //console.log('here', this.state.status);
  } else {
    console.log('3'); //check if condition meet
  }
 }

如果ticketId已经插入并触发警报，如何创建条件检查myState数组？

Answer 1

当您存储为对象{id：value}时，更好地使用"每个"。

state = { myState: [], status: 0, limit: 5 };
selected(ticketId) {
   if (this.state.status < this.state.limit ) { 
      if(this.state.myState.every((item) => item.id !== ticketId)){
        this.state.myState.push({ id: ticketId }); //what ever i chose get inserted
        this.state.status++;
        this.setState({ status: this.state.status }); 
      //console.log('here', this.state.status);
     }
   } else {
   console.log('3'); //check if condition meet
   } 
}

Answer 2

您好，您可以使用 loadash 在此处找到它，以解决此类问题，看起来很简单又好！：）

示例：1

_.indexOf([1, 2, 1, 2], 2);
// => 1

或者您可以使用

示例：2

var users = [
  { 'user': 'barney',  'active': false },
  { 'user': 'fred',    'active': false },
  { 'user': 'pebbles', 'active': true }
];
_.findIndex(users, function(o) { return o.user == 'barney'; });
// => 0
// The `_.matches` iteratee shorthand.
_.findIndex(users, { 'user': 'fred', 'active': false });
// => 1
// The `_.matchesProperty` iteratee shorthand.
_.findIndex(users, ['active', false]);
// => 0
// The `_.property` iteratee shorthand.
_.findIndex(users, 'active');
// => 2

在您的代码中

_.findIndex(this.state.myState, { 'id': ticketId });
// It will return 0 if there is nothing 
// else will return no of index 
// where it ticketid is present 
// you can do alert on if its not 0