js筛选数组获取指定数据的下标

可以使用 JavaScript 中的 `Array.prototype.findIndex()` 方法来获取指定数据的下标。

该方法接收一个回调函数作为参数，该回调函数会被传入数组中的每个元素和元素的索引，当回调函数返回 true 时，该方法返回当前元素的索引。

例如，如果我们想要在数组 `arr` 中查找第一个值为 `target` 的元素的索引，我们可以这样写：

const index = arr.findIndex((elem) => elem === target);

如果找到了目标元素，`index` 将会是该元素在数组中的索引，否则将会是 -1。

相关问题

js移除数组对象中的对象

要移除数组对象中的特定对象，可以使用以下方法之一。

方法一：使用Array.prototype.filter()方法
您可以使用Array.prototype.filter()方法从数组中筛选出不等于指定对象的元素，从而实现移除特定对象的目的。例如：

var arr = [{title:'小明', id:18},{title:'小红', id:16}];
var removedObj = {title:'小明', id:18};

var newArr = arr.filter(function(obj) {
  return obj !== removedObj;
});

在上述代码中，我们通过定义一个回调函数来使用filter()方法。回调函数返回值为true时，表示保留当前元素，返回值为false时，表示移除当前元素。因此，我们返回obj !== removedObj来判断是否移除指定对象。最终，将筛选后的元素重新赋值给新数组newArr，即可实现移除特定对象的操作。

方法二：使用for循环遍历数组
您可以使用for循环遍历数组，通过判断每个元素是否等于指定对象来移除特定对象。例如：

var arr = [{title:'小明', id:18},{title:'小红', id:16}];
var removedObj = {title:'小明', id:18};

var newArr = [];
for (var i = 0; i < arr.length; i++) {
  if (arr[i !== removedObj) {
    newArr.push(arr[i]);
  }
}

在上述代码中，我们使用for循环遍历数组arr，并通过if语句判断当前元素是否等于指定对象removedObj。如果不等于，则将该元素添加到新数组newArr中，从而实现移除特定对象的操作。

无论使用哪种方法，都可以实现移除数组对象中的特定对象。请根据您的具体情况选择适合的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [Javascript根据指定下标或对象删除数组元素](https://download.csdn.net/download/weixin_38670420/13662780)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [基于JavaScript实现移除(删除)数组中指定元素](https://download.csdn.net/download/weixin_38642897/13183049)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [js删除数组对象中的某个属性的方法](https://blog.csdn.net/weixin_43743175/article/details/125262086)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

js数组通过对象属性去重

在JavaScript中，可以通过对象属性去重数组。具体实现方法有两种，一种是使用filter()和indexOf()方法，另一种是使用for循环和includes()方法。

方法一：使用filter()和indexOf()方法
1.先使用filter()方法筛选出重复的对象的下标，使用indexOf()方法获取第一次出现的下标。
2.再使用filter()方法根据下标筛选出不重复的对象。

方法二：使用for循环和includes()方法
1.使用for循环遍历数组，使用includes()方法判断数组中是否已经存在该对象。
2.如果不存在，则将该对象的id和name属性拼接成一个字符串，添加到一个新的数组中，并将该对象添加到另一个新的数组中。

下面是方法一和方法二的具体实现代码：

方法一：

const dataArr = [
{ id: 1, name: '名称1' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称3' },
{ id: 3, name: '名称4' },
{ id: 4, name: '名称4' },
{ id: 5, name: '名称5' }
]

const a = dataArr.map(item => item.id + '-' + item.name)
const b = dataArr.filter((item, index) => a.indexOf(item.id + '-' + item.name) === index)
console.log(b)
// 输出结果：
// [
// { id: 1, name: '名称1' },
// { id: 2, name: '名称2' },
// { id: 2, name: '名称3' },
// { id: 3, name: '名称4' },
// { id: 4, name: '名称4' },
// { id: 5, name: '名称5' }
// ]

方法二：

const dataArr = [
{ id: 1, name: '名称1' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称2' },
{ id: 2, name: '名称3' },
{ id: 3, name: '名称4' },
{ id: 4, name: '名称4' },
{ id: 5, name: '名称5' }
]

const arr1 = []
const arr2 = []

for (let i = 0; i < dataArr.length; i++) {
if (!(arr1.includes(dataArr[i].id + '-' + dataArr[i].name))) {
arr1.push(dataArr[i].id + '-' + dataArr[i].name)
arr2.push({ id: dataArr[i].id, name: dataArr[i].name })
}
}

console.log(arr2)
// 输出结果：
// [
// { id: 1, name: '名称1' },
// { id: 2, name: '名称2' },
// { id: 2, name: '名称3' },
// { id: 3, name: '名称4' },
// { id: 4, name: '名称4' },
// { id: 5, name: '名称5' }
// ]