如果数组中存在 item,则返回元素在数组中的位置,否则返回 -1

本文提供了三种使用JavaScript实现自定义indexOf方法的示例代码。这些方法不仅能够返回数组中元素首次出现的位置,还能够处理IE9及以下版本浏览器不支持indexOf的问题,并且其中一个示例还能找出所有重复元素的位置。

1.

function indexOf(arr,item) {
if(Array.prototype.indexOf()){
return i = arr.indexOf(item);
}else{
for (var i = 0; i < arr.length; i++) {
if (arr[i] == item){
return i;
}else{
return -1;
}
}
}
}
var array = [1,2,3,4,3];
console.log(indexOf(array, 3));

优点:考虑了代码的健壮性,ie9-不支持indexof的情况;
不足:只能输出首个
学习:return 跳出循环,后面不执行;输出直接console

2.
function indexOf(arr, item) {
    for(var i=0;i<arr.length;i++){
        if(arr[i]===item){
            return i;
        }
    }
    return -1;
 }
 
3.
function indexOf(arr, item){
var storage = [];
var arr_len = arr.length;
for(var i = 0 ; i<arr_len; i++){
if(arr[i] == item)    {
storage.push(i);
}
}
if(storage == undefined){
storage = -1;
}
return storage.toString();
}
优点:把重复的都输出来了

转载于:https://www.cnblogs.com/QIQIZAIXIAN/p/7470520.html

在 Vue 框架中,如果希望对数组进行去重操作,并将重复的元素组成一个新的数组返回,可以通过以下方式实现。该实现可以结合 JavaScript 的 `Map` 或 `Set` 结构,用于追踪已出现的元素,并将重复项收集到新的数组中。 以下是一个在 Vue 方法中实现的示例函数: ```javascript methods: { extractDuplicates(arr) { const seen = new Set(); // 用于记录已出现的元素 const duplicates = new Set(); // 用于记录重复的元素 arr.forEach(item => { if (seen.has(item)) { duplicates.add(item); // 如果已经出现过,则加入 duplicates } else { seen.add(item); // 否则加入 seen 记录 } }); return [...duplicates]; // 返回包含重复项的数组 } } ``` 调用该方法时,传入需要处理的数组,例如: ```javascript let originalArray = [1, 2, 2, 3, 4, 4, 5]; let duplicateArray = this.extractDuplicates(originalArray); console.log(duplicateArray); // 输出: [2, 4] ``` 此方法利用了 `Set` 来避免重复元素的多次记录,同时保证了最终返回的 `duplicateArray` 中仅包含原始数组中重复出现的元素[^2]。 ### 对数组对象的去重与重复项提取 如果数组中存储的是对象类型,并希望根据某个属性(如 `userId`)进行去重和提取重复项,可以对上述逻辑进行扩展: ```javascript methods: { extractObjectDuplicates(arr, key) { const seen = new Map(); // 用于记录已出现的对象 key 值 const duplicates = []; // 用于记录重复的对象 arr.forEach(item => { const keyValue = item[key]; if (seen.has(keyValue)) { duplicates.push(item); // 如果已经出现过,则加入 duplicates } else { seen.set(keyValue, true); // 否则加入 seen 记录 } }); return duplicates; // 返回包含重复对象的数组 } } ``` 调用示例如下: ```javascript let originalArray = [ { userId: 1, name: 'Alice' }, { userId: 2, name: 'Bob' }, { userId: 1, name: 'Alice' }, { userId: 3, name: 'Charlie' }, { userId: 2, name: 'Bob' } ]; let duplicateArray = this.extractObjectDuplicates(originalArray, 'userId'); console.log(duplicateArray); // 输出: [ // { userId: 1, name: 'Alice' }, // { userId: 2, name: 'Bob' } // ] ``` 通过上述方法,可以灵活地在 Vue 应用中对数组进行去重处理,并提取出重复的元素或对象[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值