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

javascript-illustration.png
<!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>
边栏推荐
猜你喜欢
随机推荐
【服务器数据恢复】Raid阵列更换故障硬盘后数据同步失败的数据恢复案例
20 Lectures on Disassembly of Multi-merchant Mall System Functions-Platform Distribution Overview
面试官:可以谈谈乐观锁和悲观锁吗
机械臂速成小指南(十五):线性规划
JZ32 从上往下打印二叉树
JZ56 数组中只出现一次的两个数字
Redis进阶之路:深度解析Redis单线程架构,图文并茂不能再清晰了
CefSharp实战演示
开始使用 NVIDIA Jetson Orin 上的深度学习加速器
数字孪生园区场景中的坐标知识
julia系列3:函数、模块与宏
从Oracle日志解析学习数据库内核原理
智能座舱供应链的“新主角”
低光数据集
想要白嫖正则是吧?这一次给你个够!
DSP-ADAU1452输入通道配置
Coordinate knowledge in digital twin campus scenarios
基于深度学习的机器人目标识别和跟踪
总结:不同语言比较总结
多商户商城系统功能拆解20讲-平台端分销概况