js实现删除数组中的重复项,例如数组[apple', 'orange', apple, "banana', 'pear, 'banana'],去重后 应为[apple', 'orange', banana', 'pear']。的html代码
时间: 2024-09-24 13:06:22 浏览: 88
在JavaScript中,你可以使用多种方法来删除数组中的重复项。这里有一个简单的示例,利用Set数据结构,因为Set不允许有重复元素:
```javascript
// 示例数组
let arr = ['apple', 'orange', 'apple', "banana", 'pear', 'banana'];
// 使用Set转换并回转为数组去除重复
let uniqueArr = [...new Set(arr)];
// 输出结果
console.log(uniqueArr); // ["apple", "orange", "banana", "pear"]
```
如果你想在HTML环境中展示这个过程,可以创建一个简单的示例代码块,如下所示:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Array De-duplication</title>
</head>
<body>
<script>
let originalArray = ['apple', 'orange', 'apple', "banana", 'pear', 'banana'];
// JavaScript操作
let uniqueArray = [...new Set(originalArray)];
// 可以在这里添加显示数组的代码,例如一个`pre`标签来展示结果
document.getElementById("result").innerHTML = JSON.stringify(uniqueArray, null, 4);
</script>
<pre id="result"></pre>
</body>
</html>
```
在这个HTML代码里,我们用JavaScript处理数组,并将结果显示在一个预览区域(`<pre>`标签)内。
阅读全文