const arr=['15','0']这个怎么去重
时间: 2023-08-06 18:26:42 浏览: 52
对于这个数组,如果要对其进行去重,需要先将其元素转换为数字类型,然后再使用 Set 数据结构进行去重。示例代码如下:
```
const arr = ['15', '0'];
const uniqueArr = Array.from(new Set(arr.map(Number)));
console.log(uniqueArr); // [15, 0]
```
在上面的代码中,首先使用 `map` 函数将数组中的字符串元素转换为数字类型,然后再将其转换为 Set 数据结构进行去重。由于 Set 只会存储唯一值,所以最终得到的数组中只有一个 0 和一个 15。
需要注意的是,如果数组中元素含有非数字字符,使用 `Number` 函数将其转换为数字类型时会返回 `NaN`,这可能会影响到去重的结果。如果数组中可能含有非数字字符,可以使用 `parseInt` 函数或者 `parseFloat` 函数将其转换为数字类型。
相关问题
const arr=['15','0']这个用vue3去重
在 Vue 3 中,可以使用 `reactive` 函数创建响应式对象,然后使用 `computed` 函数创建一个计算属性,该计算属性的值为数组去重后的结果。示例代码如下:
```
<template>
<div>
<ul>
<li v-for="(value, index) in uniqueArr" :key="index">{{ value }}</li>
</ul>
</div>
</template>
<script>
import { reactive, computed } from 'vue';
export default {
setup() {
const state = reactive({
arr: ['15', '0'],
});
const uniqueArr = computed(() => Array.from(new Set(state.arr.map(Number))));
return {
uniqueArr,
};
},
};
</script>
```
在上面的代码中,首先使用 `reactive` 函数创建 `state` 对象,其中包含一个数组 `arr`。然后使用 `computed` 函数创建一个计算属性 `uniqueArr`,该计算属性的值为 `state.arr` 数组去重后的结果。在模板中使用 `v-for` 指令循环渲染去重后的数组中的元素。
需要注意的是,在使用 `computed` 函数时,只需要将需要计算的值定义为函数即可,不需要像 `watch` 函数一样显式地去监听数据的变化。另外,由于 `computed` 函数返回的是一个响应式对象,所以可以直接在模板中使用计算属性的值。
下面有一个数组,请分别使用ES5和ES6来实现去重。 const arr = [20, lvye, 20, 1, true, false, lvye]
ES5实现去重可以使用for循环和indexOf方法,代码如下:
```
const arr = [20, 'lvye', 20, 1, true, false, 'lvye'];
const result = [];
for (var i = 0; i < arr.length; i++) {
if (result.indexOf(arr[i]) === -1) {
result.push(arr[i]);
}
}
console.log(result); // [20, 'lvye', 1, true, false]
```
ES6实现去重可以使用Set数据结构,代码如下:
```
const arr = [20, 'lvye', 20, 1, true, false, 'lvye'];
const result = [...new Set(arr)];
console.log(result); // [20, 'lvye', 1, true, false]
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![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)