js基本算法:冒泡排序,二分查找的简单实例


Posted in Javascript onOctober 08, 2016

知识扩充:

时间复杂度:算法的时间复杂度是一个函数,描述了算法的运行时间。时间复杂度越低,效率越高。

自我理解:一个算法,运行了几次时间复杂度就为多少,如运行了n次,则时间复杂度为O(n)。

1.冒泡排序

解析:1.比较相邻的两个元素,如果前一个比后一个大,则交换位置。

2.第一轮的时候最后一个元素应该是最大的一个。

3.按照步骤一的方法进行相邻两个元素的比较,这个时候由于最后一个元素已经是最大的了,所以最后一个元素不用比较。

function sort(elements){
 for(var i=0;i<elements.length-1;i++){
 for(var j=0;j<elements.length-i-1;j++){
  if(elements[j]>elements[j+1]){
  var swap=elements[j];
  elements[j]=elements[j+1];
  elements[j+1]=swap;
  }
 }
 }
}
 
var elements = [3, 1, 5, 7, 2, 4, 9, 6, 10, 8];
console.log('before: ' + elements);
sort(elements);
console.log(' after: ' + elements);

2.快速排序

解析:快速排序是对冒泡排序的一种改进,第一趟排序时将数据分成两部分,一部分比另一部分的所有数据都要小。然后递归调用,在两边都实行快速排序。

function quickSort(elements) {
 
if (elements.length <= 1) { return elements; }
 
  var pivotIndex = Math.floor(elements.length / 2);
 
  var pivot = elements.splice(pivotIndex, 1)[0];
 
 

var left = [];
 

var right = [];
 

for (var i = 0; i < elements.length; i++){
 


if (elements[i] < pivot) {
 



left.push(elements[i]);
 


} else {
 



right.push(elements[i]);
 


}
 

}
 

return quickSort(left).concat([pivot], quickSort(right));
 
};
 
var elements=[5,6,2,1,3,8,7,1.2,5.5,4.5];
alert(quickSort(elements));

3.插入排序

解析:

(1) 从第一个元素开始,该元素可以认为已经被排序

(2) 取出下一个元素,在已经排序的元素序列中从后向前扫描

(3) 如果该元素(已排序)大于新元素,将该元素移到下一位置

(4) 重复步骤3,直到找到已排序的元素小于或者等于新元素的位置

(5)将新元素插入到下一位置中

(6) 重复步骤2

insertSort: function(elements) {

  var i = 1,
  j, step, key, len = elements.length;

  for (; i < len; i++) {

    step = j = i;
    key = elements[j];

    while (--j > -1) {
      if (elements[j] > key) {
        elements[j + 1] = elements[j];
      } else {
        break;
      }
    }

    elements[j + 1] = key;
  }

  return elements;
}

2.二分查找

解析:二分查找,也为折半查找。首先要找到一个中间值,通过与中间值比较,大的放又,小的放在左边。再在两边中寻找中间值,持续以上操作,直到找到所在位置为止。

(1)递归方法

function binarySearch(data,item,start,end){
  var end=end || data.length-1;
  var start=start || 0;
  var m=Math.floor((start+end)/2);
  if(item==data[m]){
    return m;
  }else if(item<data[m]){
    return binarySearch(data,item,start,m-1) //递归调用
  }else{
    return binarySearch(data,item,m+1,end);
  }
  return false;
}

  var arr=[34,12,5,123,2,745,32,4];

  binary(arr,5);

(2)非递归方法

function binarySearch(data, item){
  var h = data.length - 1,
    l = 0;
  while(l <= h){
    var m = Math.floor((h + l) / 2);
    if(data[m] == item){
      return m;
    }
    if(item > data[m]){
      l = m + 1;
    }else{
      h = m - 1;
    }
  }
 
  return false;
}
var arr=[34,12,5,123,2,745,32,4];
binarySearch(arr,5);

以上就是小编为大家带来的js基本算法:冒泡排序,二分查找的简单实例全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
UI Events 用户界面事件
Jun 27 Javascript
php+js实现倒计时功能
Jun 02 Javascript
js数组依据下标删除元素
Apr 14 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
一个仿微博登陆邮箱提示框js开发案例
Jul 28 Javascript
vue.js声明式渲染和条件与循环基础知识
Jul 31 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
jQuery实现表单动态加减、ajax表单提交功能
Jun 08 jQuery
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
vue vant中picker组件的使用
Nov 03 Javascript
Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
Jan 22 Vue.js
javascript中获取元素标签中间的内容的实现方法
Oct 08 #Javascript
Jquery和Js获得元素标签名称的方法总结
Oct 08 #Javascript
JS获取html元素的标记名实现方法
Oct 08 #Javascript
js获取元素的标签名实现方法
Oct 08 #Javascript
什么是JavaScript中的结果值?
Oct 08 #Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 #Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 #Javascript
You might like
PHP PDO函数库详解
2010/04/27 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
Ecshop 后台添加新功能栏目及管理权限设置教程
2017/11/21 PHP
thinkphp 框架数据库切换实现方法分析
2020/05/18 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
2014/01/02 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
js精美的幻灯片画集特效代码分享
2015/08/29 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
Vue写一个简单的倒计时按钮功能
2018/04/20 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
2019/02/18 Javascript
微信小程序实现身份证取景框拍摄
2020/09/09 Javascript
[03:17]DOTA2英雄基础教程 剧毒术士
2013/12/12 DOTA
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
深入解析Python中的__builtins__内建对象
2016/06/21 Python
python strip() 函数和 split() 函数的详解及实例
2017/02/03 Python
Python 调用Java实例详解
2017/06/02 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
Python使用百度翻译开发平台实现英文翻译为中文功能示例
2019/08/08 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
在pytorch中实现只让指定变量向后传播梯度
2020/02/29 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
英国异国风情旅游网站:Travel Talk Tours(团体旅游、探险旅游、帆船假期)
2018/07/26 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
应用化学专业职业生涯规划书
2014/01/22 职场文书
品质主管岗位职责
2014/03/16 职场文书
房产代理公证处委托书
2014/04/04 职场文书
基于Pygame实现简单的贪吃蛇游戏
2021/12/06 Python