技术文摘
js字符串查重方法
2025-01-09 17:49:42 小编
js字符串查重方法
在JavaScript编程中,字符串查重是一个常见的需求。无论是处理用户输入、分析文本数据还是进行数据清洗,准确地找出重复的字符串都至关重要。下面将介绍几种实用的js字符串查重方法。
利用数组的indexOf方法
这种方法简单直接。首先将字符串数组化,然后通过遍历数组,使用indexOf方法来检查每个元素第一次出现的位置。如果当前位置不等于第一次出现的位置,那就说明该字符串是重复的。示例代码如下:
function checkDuplicatesWithIndexOf(arr) {
let duplicates = [];
for (let i = 0; i < arr.length; i++) {
if (arr.indexOf(arr[i])!== i) {
if (duplicates.indexOf(arr[i]) === -1) {
duplicates.push(arr[i]);
}
}
}
return duplicates;
}
let stringArray = ['apple', 'banana', 'apple', 'cherry', 'banana'];
console.log(checkDuplicatesWithIndexOf(stringArray));
使用Set数据结构
Set是ES6中新增的数据结构,它的成员值都是唯一的。我们可以利用这个特性来查重。将字符串数组中的元素依次添加到Set中,如果添加失败(说明元素已存在),则该元素是重复的。代码如下:
function checkDuplicatesWithSet(arr) {
let set = new Set();
let duplicates = [];
for (let str of arr) {
if (set.has(str)) {
if (!duplicates.includes(str)) {
duplicates.push(str);
}
} else {
set.add(str);
}
}
return duplicates;
}
let stringArray2 = ['dog', 'cat', 'dog', 'bird', 'cat'];
console.log(checkDuplicatesWithSet(stringArray2));
借助对象属性
创建一个空对象,将字符串作为对象的属性名。在遍历数组时,如果对象中已经存在该属性,说明字符串重复。示例代码如下:
function checkDuplicatesWithObject(arr) {
let obj = {};
let duplicates = [];
for (let str of arr) {
if (obj[str]) {
if (!duplicates.includes(str)) {
duplicates.push(str);
}
} else {
obj[str] = true;
}
}
return duplicates;
}
let stringArray3 = ['red', 'blue','red', 'green', 'blue'];
console.log(checkDuplicatesWithObject(stringArray3));
以上这些js字符串查重方法各有优劣,在实际应用中,需要根据具体的场景和数据规模来选择合适的方法,以达到最佳的性能和效果。
- CSS动画教程:一步一步带你实现震动特效
- Uniapp 中运用微信小程序云开发技术实现数据存储与实时通信的方法
- HTML和CSS实现菜单选项卡布局的方法
- 纯CSS实现鼠标点击水波纹效果步骤
- CSS实现图片悬浮效果的技巧与方法
- JavaScript 实现文字滚动效果的方法
- JavaScript 实现滚动到页面底部自动加载内容渐变显示效果的方法
- JavaScript 实现选项卡内容手指滑动切换效果的方法
- JavaScript实现网页顶部固定导航栏滚动隐藏效果的方法
- Uniapp 实现滑动解锁与手势密码的方法
- 用HTML和CSS实现响应式导航框架布局的方法
- HTML布局:巧用 overflow 属性实现图片缩放控制
- CSS布局:实现悬浮卡片翻转效果的最优实践技巧
- JavaScript 实现滚动到页面底部自动加载内容淡入效果的方法
- CSS布局:圆形导航菜单实现的最佳实践技巧