当前位置:网站首页>js添加元素,去重,排序
js添加元素,去重,排序
2022-08-02 16:12:00 【编程小橙子】

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<button id="myBtn">点击</button>
<div id="div"></div>
</body>
</html>
<script>
let array = [1, 2, 3, 4, 5];
document.getElementById("myBtn").addEventListener("click", () => {
let new_array = [];
let result = add(...array);
for (const k of result) {
if (!new_array.includes(k)) {
new_array.push(k);
}
}
return btnClick(new_array);
});
function btnClick(arr) {
let sort_array = arr.reduce((pre, cur) => {
let i = 0;
while (i < arr.length && cur < arr[i]) i++;
pre.splice(i, 0, cur);
return pre;
}, []);
document.getElementById("div").innerHTML = `[${sort_array}]`;
}
function add(...array) {
let arr = [2, 3, 4, 5, ...array];
return arr;
}
</script>边栏推荐
猜你喜欢

20 Lectures on Disassembly of Multi-merchant Mall System Functions-Platform Distribution Overview

【wpf】ListView 和 ItemsControl 的一点区别

【服务器数据恢复】Raid阵列更换故障硬盘后数据同步失败的数据恢复案例

2.3 - P、V、S机制

亲戚3.5W入职华为后,我也选择了转行……

Coordinate knowledge in digital twin campus scenarios

数字孪生园区场景中的坐标知识

DSP-ADAU1452输入通道配置

CWE4.8:2022年危害最大的25种软件安全问题

使用 LaunchPad 上的 TAO 工具包体验轻松创建 AI 模型
随机推荐
锁定和并发控制(四)
特殊变量 (SQL)
几种常见的跨域解决方法
2.7 - 文件管理 2.8 - 多级目录结构 2.9 - 位示图
Detailed explanation of the principle of JWT_The principle of electromagnetic induction
[LeetCode]剑指 Offer 54. 二叉搜索树的第k大节点
低光数据集
【wpf】ListView 和 ItemsControl 的一点区别
牛客的课程订单分析[分组统计时如何取指定行字段?]
JZ81 调整数组顺序使奇数位于偶数前面(二)-相对位置变化
Break the stereotype, DIY is your own unique mall
解析并执行 shell 命令
一文搞懂│php 中的 DI 依赖注入
【2022河南萌新联赛第(三)场:河南大学】【部分思路题解+代码解析】
DSP-ADAU1452输入通道配置
JZ70 矩形覆盖
JZ56 数组中只出现一次的两个数字
tiup mirror sign
研发了 5 年的时序数据库,到底要解决什么问题?
DevOps开发工具对比