1. 嵌套数组打平并且去重

    var arr = [,,,,,,,,[,,,,[,,]]];
var obj = {};//去重标识
function test(data) {
var newArr = [];
for ( var i in data) {
if (data[i] instanceof Array) {
return [].concat(newArr,test(data[i]));
}else{
if(!obj[data[i]]) {
obj[data[i]] = true;
newArr.push(data[i]);
}
}
}
return newArr;
}
var data = test(arr);
console.log(data)//[3, 2, 4, 5, 6, 1, 9, 10]

2.冒泡排序, 冒泡排序算法就是依次比较大小,小的大的进行位置上的交换

    var arr = [,,,,,,];

    for (var i in arr) {
for (var j in arr) {
if (arr[i] > arr[j]){
var num = arr[i];
arr[i] = arr[j];
arr[j] = num;
}
}
}
console.log(arr);//[30, 20, 10, 9, 7, 5, 1]

3.快速排序,算法参考某个元素值,将小于它的值,放到左数组中,大于它的值的元素就放到右数组中,然后递归进行上一次左右数组的操作,返回合并的数组就是已经排好顺序的数组了。

    var arr = [,,,,,,];
function fun(data) {
var len = data.length;
if (len <= ) {
return data;
}
var num = data[];//参考元素
var left = [];
var right = [];
for( var i = ; i < len; i++) {
if (data[i] < num ) {
left.push(data[i]);
}else{
right.push(data[i]);
}
}
return [].concat(fun(left), [num], fun(right));
}
console.log(fun(arr)); //[1, 5, 7, 9, 10, 20, 30]

4. 树形结构数据,根据子级数据的 某个字段,来获取所有的父级

例如:antd 的 联级选择插件,回显数据,需要从上到下的每一级数据的id, 然后存数据库的,可能只有一个id, 不是一个数组,这个时候我们需要拿到这个id, 倒推所有父级的id

getInitMenuActive = (id) => {
const { list } = this.props;
function fn(data, val) {
for (let i = ; i < data.length; i++) {
if (data[i] && data[i].id === val) {
return [data[i].id];
} else
if (data[i] && data[i].children && data[i].children.length > ) {
let ids = fn(data[i].children, val);
if (ids) {
return ids.concat(data[i].id);
}
}
}
}
let list = fn(list, id);
return list ? list : [];
}

js 简单算法的更多相关文章

  1. JS简单实现:根据奖品权重计算中奖概率实现抽奖的方法

    本文主要介绍:使用 JS 根据奖品权重计算中奖概率实现抽奖的方法. 一.示例场景 1.1.设置抽奖活动的奖项名称 奖项名称:["一等奖", "二等奖", &qu ...

  2. 总结下js排序算法和乱序算法

    其实本人最怕的就是算法,大学算法课就感觉老师在讲天书,而且对于前端来说,算法在实际的应用中实在是很有限.毕竟算法要依靠大量的数据为基础才能发挥出算法的效率,就浏览器那性能,......是吧,退一万步说 ...

  3. js简单 图片版时钟,带翻转效果

    js简单 图片版时钟,带翻转效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"& ...

  4. js简单操作Cookie

    贴一段js简单操作Cookie的代码: //获取指定名称的cookie的值 function getCookie(objName) { var arrStr = document.cookie.spl ...

  5. js简单弹出层、遮罩层

    <html> <head> <title>js简单弹出层</title> <style> /*阴影边框效果*/ .box-shadow-1 ...

  6. Tourist.js – 简单灵活的操作指南和导航插件

    Tourist.js 是一个基于 Backbone 和 jQuery 开发的轻量库,帮助你在应用程序创建简单易用的操作指南和导航功能.相比网站,它更适合用于复杂的,单页网站类型的应用程序.Touris ...

  7. js简单显示和隐藏div,触发超链接,动态更改button值,setInterval()简单使用,jquery easyui弹出框简单使用 .

    js简单显示和隐藏div .<!DOCTYPE html> .<html> .<head> .<meta charset="UTF-8"& ...

  8. Gulp.js - 简单、直观的自动化项目构建工具

    Gulp.js 是一个简单.直观的构建系统.崇尚代码优于配置,使复杂的任务更好管理.通过结合 NodeJS 的数据流的能力,你能够快速构建.通过简单的 API 接口,只需几步就能搭建起自己的自动化项目 ...

  9. Node.js简单介绍并实现一个简单的Web MVC框架

    编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...

随机推荐

  1. C++进阶--静态多态

    //############################################################################ /* * 多态 */ // 常见的动态多态 ...

  2. C++进阶--不让编译器自动生成类函数

    //############################################################################ /* * 不让编译器自动生成类函数 * * ...

  3. error while loading shared libraries: xxx.so

    出现error while loading shared libraries: xxx.so错误,一是操作系统里确实没有包含该共享库(lib*.so.*文件)或者共享库版本不对,二是虽然存在,但是程序 ...

  4. HDOJ 2019 数列有序!

    #include<vector> #include<iostream> #include<algorithm> #include<cstdio> usi ...

  5. [UE4]函数参数引用

    函数传递的变量可以当做正常的内部变量使用,而不需要把函数变量赋值给新创建一个内部变量.

  6. laravel文件上传报错 stream_socket_sendto():

    原因:文件超过限定大小或没指定临时目录 修改php.ini配置 file_uploads = On ; Temporary directory for HTTP uploaded files (wil ...

  7. 常用docker镜像

    oracle12c: mkdir -p /path/to/oradata docker run --name oracle12c \ -p 1521:1521 -p 5500:5500 \ -v /p ...

  8. linux驱动开发—基于Device tree机制的驱动编写

    前言Device Tree是一种用来描述硬件的数据结构,类似板级描述语言,起源于OpenFirmware(OF).在目前广泛使用的Linux kernel 2.6.x版本中,对于不同平台.不同硬件,往 ...

  9. Delphi7 中文汉字转网址格式 Utf8编码转换(淘宝搜索中文转网址)

    function HttpEncode(S:AnsiString):string; var   P:^Byte;   I:Cardinal; begin   Result:='';   P:=@S[1 ...

  10. TCP/IP SIGPIPE信号

    往一个已经接受FIN的套接中写是允许的,接受到FIN仅仅代表对方不再发送数据. 在收到RST段之后,如果在调用write就 会产生SIGPIPE信息,对于这个信号的处理我们通常 解决方法 signal ...