提取不重复值的JS代码
时间: 2023-03-27 10:02:51 浏览: 64
以下是提取不重复值的JS代码:
```
const arr = [1, 2, 3, 3, 4, 5, 5];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]
```
这段代码使用了 ES6 中的 Set 数据结构,它可以自动去重。将数组转换为 Set 后,再将 Set 转换为数组,就可以得到不重复的值。
相关问题
js 判断数组对象的值是否重复
你可以使用 JavaScript 中的一些方法来判断数组对象的值是否重复。以下是一种常见的方法:
1. 首先,使用数组的 `map` 方法将数组对象的特定属性值提取出来,生成一个新的数组。
2. 然后,使用 `Set` 对象来创建一个不重复的集合。
3. 最后,比较原数组的长度和集合的长度,如果不相等,则表示存在重复值。
下面是一个示例代码:
```javascript
function hasDuplicates(array, property) {
const values = array.map(item => item[property]);
const uniqueValues = new Set(values);
return values.length !== uniqueValues.size;
}
// 示例用法
const users = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'John' }
];
console.log(hasDuplicates(users, 'name')); // true,name 属性存在重复值
console.log(hasDuplicates(users, 'id')); // false,id 属性没有重复值
```
在上面的示例中,我们通过 `hasDuplicates` 函数来判断 `users` 数组中的 `name` 属性是否存在重复值。你也可以根据自己的需求修改代码来适应不同的场景。
js代码使用map找出任意一个页面中不重复的所有html标签
可以使用JavaScript的DOM操作以及数组的高阶函数map()和filter()来实现。
首先获取页面中所有的HTML元素,可以使用document.getElementsByTagName("*")方法获取。
然后将获取到的元素集合转换为数组,并使用map()方法将每个元素的tagName属性提取出来,得到一个由标签名组成的数组。
再使用filter()方法筛选出不重复的标签名,最终得到所有不重复的HTML标签名。
以下是实现代码:
```javascript
// 获取页面中所有的HTML元素
const elements = document.getElementsByTagName("*");
// 将元素集合转换为数组,并使用map()方法提取每个元素的tagName属性
const tags = Array.from(elements).map(element => element.tagName);
// 使用filter()方法筛选出不重复的标签名
const uniqueTags = tags.filter((tag, index, array) => array.indexOf(tag) === index);
// 输出所有不重复的HTML标签名
console.log(uniqueTags);
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)