本文共 827 字，大约阅读时间需要 2 分钟。

  最近小咸儿在做项目的时候，遇到一个问题，就是类似于微信的通讯录页面，在选中人员将选中的人员放到一个新的数组中，这时候，对于重复点击复选框，进行选中与取消的重复操作时，这时数组中放取得人员总是不对，经过查询和询问，总算找到解决办法：indexOf()方法

  发现这个问题之后，再经过大神的指导后，发现可以使用indexOf()方法解决，那么小咸儿就去查了查这个indexOf()到底是何方神圣，竟然如此神奇！！！！

定义和用法

  indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。

语法

stringObject.indexOf(searchvalue,fromindex)

说明

  该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定fromindex时）。如果找到一个searchvalue，则返回searchvalue的第一次出现的位置。 stringObject中的字符位置是从0开始的。

提示和注释

  1、indexOf()方法对大小写敏感   2、如果要检索的字符串值没有出现，则该方法返回-1

实例

输出：

0-16

实战

const data = uId.innerText + uName.innerText;if (this.selectPerson.indexOf(data) === -1) {          this.selectPerson.push(data);          checker = true;} else {          this.selectPerson.splice(this.selectPerson.indexOf(data), 1);}

结果

  最终完美解决问题，无论重复点击复选框多少次，都能正确拿到人员，并且保证了数据的唯一性。

转载地址：http://ncerb.baihongyu.com/