javascript 数组的正态分布排序的问题


Posted in Javascript onJuly 31, 2016

最近几天顶着上海40°的凉爽天气找工作,心里是开心的不要不要的,每次面试都是要坐那里出半天汗才能回过神来,感觉到了这个世界对我深深的爱意,言归正传,面试过程中碰到了几次笔试,其中有这么一道题,由于实际工作中没遇到过,所以留意下来,题目是这样:

有一个数组为:var arr = [1,2,1,3,3,2,4,6,3],通过处理将其变为正态分布的形式: [1,2,3,3,6,4,3,2,1]。

关于正态分布我就简单解释一下吧,其实看到处理后的数组大致也能明白,就是两头小,中间大,体现到坐标轴里的正态曲线呈钟型,两头低,中间高,左右对称因其曲线呈钟形,因此人们又经常称之为钟型曲线。

这道是面试的最后一题,做到这里的时候时间比较紧张了加上天气炎热口渴饥饿前台妹子太好看(别废话了就是因为算法弱。。。),稍作思考写了如下代码:

var arr = [1,2,1,3,3,2,4,6,3]
 ~(function(arr) {
  var temp = [], i = 0, l = arr.length,
   sortArr = arr.sort(function(a,b){return a-b}) //先将数组从小到大排列得到 [1, 1, 2, 2, 3, 3, 3, 4, 6]
for (;i<l;i++){
   if(i%2==0){
    temp[i/2] = sortArr[i] // 下标为偶数的顺序放到前边
   } else {
    temp[l-(i+1)/2] = sortArr[i] // 下标为奇数的从后往前放
   }
  }

  console.log(temp) // [1, 2, 3, 3, 6, 4, 3, 2, 1] 看起来挺完美哈
 })(arr)

由于是笔试,自己在脑海里边yy了一会程序后,觉得没啥大问题就交卷了,后来的面试官看了试卷,在面试过程中并没有提到这道题,所以觉得这种方法没什么问题了就没在面试过程中再问,不过来回来的路上,我突然想到了一个这样的情况:

var arr = [1,2,3,4,5,6,7,8,9] // 一个规则递增的数组
 ~(function(arr) {
  var temp = [], i = 0, l = arr.length,
   sortArr = arr.sort(function(a,b){return a-b})
  
  for (;i<l;i++){
   if(i%2==0){
    temp[i/2] = sortArr[i]
   } else {
    temp[l-(i+1)/2] = sortArr[i]
   }
  }
  
  console.log(temp) //[1, 3, 5, 7, 9, 8, 6, 4, 2] 问题出现了。。
 })(arr)

是的,这样一来这个数组的左右部分并不是对称的,以9为中心,左侧为1+3+5+7=16,右侧为2+4+6+8=20,明显的是左轻右重,不是一个均匀的正态分布了,随着数组的增大,带来的问题会越来越严重。

亚麻带。。。。我是一朵含苞欲放的花骨朵不要这样对我。。。

看来前边的代码是不能用的,只能重新思考解决方法,其实问题的核心在于保证数组的左右两侧是相等或者大致相等的,不管是奇数个数的数组还是偶数个数的,数组可以分为两部分(奇数个数的抛去最大值后也可以看做是一个偶数数组,即便有多个相同最大值也无所谓,从小到大排序后去除最后一个即可),还是按照上边的方法,下标为偶数的时候放到左侧,为奇数的时候放到右侧,在左右两边的数组增长过程中,当数组长度相等的时候,对左右两侧数组之和进行比较,因为是按照从小到大排列的,所以正常情况下,右侧会大于左侧,然后将右侧第一个跟左侧最后一个互换一下即可达到平衡的目的,代码如下:

var arr = [1,2,3,4,5,6,7,8,9],
  sortArr = arr.sort(function(a,b){return a-b}),
  l = arr.length,
  temp_left = [], temp_right = []

 function sort(arr){
  var i = 0
  for(;i<l;i++){
   var eq = sortArr[i]
   i%2 == 0 ? temp_left.push(eq) : temp_right.unshift(eq)
   if(i > 1){
    if( temp_left.length == temp_right.length && !compare(temp_left, temp_right)){
     wrap(temp_left,temp_right) //数组相等并且右侧和大于左侧的时候进行交换
    }
   }
  }
  return temp_left.concat(temp_right)
 }


 // 数组求和
 function sum(arr) {
  return eval(arr.join("+"));
 }

 // 数组比较大小
 function compare(arr1,arr2) {
  return sum(arr1) >= sum(arr2)
 }

 // 左边最后一个跟右边第一个交换

 function wrap(l,r){
  var m = r.shift()
  r.unshift(l.pop())
  l.push(m)
 }

 console.log(sort(arr)) // 得到 [1, 4, 6, 7, 9, 8, 5, 3, 2]

这样一来整个正态分布就均匀多了,多做几组测试看看效果:

arr = [1,333,444,555,66,7788,909]
console.log(sort(arr)) /[1, 444, 909, 7788, 555, 333, 66]


arr = [168.6,177.5,174.2,189.3,167.2,177.6,167.8,175.5]
console.log(sort(arr)) //[167.2, 174.2, 175.5, 189.3, 177.6, 177.5, 168.6, 167.8]

看起来还不错,小站里还有篇文章 点击查看,用c++完成的,不过看到文章最后的结果,并不是一个均匀的正态分布,倒是跟我第一个程序差不多,

本人不怎么会c++,也没运行多组结果看看,有兴趣的同学可以尝试下作为对比。

 

本文所有的程序我仅在chrome做过测试,如果其他浏览器有问题的话,希望留言告知,其实这东西也没什么难度,权当一个记录吧,有需要的时候可以用用。

Javascript 相关文章推荐
jquery 分页控件实现代码
Nov 30 Javascript
jquery实现浮动的侧栏实例
Jun 25 Javascript
jQuery实现为控件添加水印文字效果(附源码)
Dec 02 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 Javascript
详解vue父子模版嵌套案例
Mar 04 Javascript
JavaScript基于扩展String实现替换字符串中index处字符的方法
Jun 13 Javascript
详解微信小程序 登录获取unionid
Jun 27 Javascript
详解vue.js的事件处理器v-on:click
Jun 27 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
Sep 02 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
JS数据类型分类及常用判断方法
Nov 19 Javascript
详细谈谈javascript的对象
Jul 31 #Javascript
JS中使用DOM来控制HTML元素
Jul 31 #Javascript
图解prototype、proto和constructor的三角关系
Jul 31 #Javascript
JavaScript数据类型转换的注意事项
Jul 31 #Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 #Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 #Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 #Javascript
You might like
PHP新手上路(七)
2006/10/09 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
关于svn冲突的解决方法
2013/06/21 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
JavaScript 类似flash效果的立体图片浏览器
2010/02/08 Javascript
原生Js与jquery的多组处理, 仅展开一个区块的折叠效果
2011/01/09 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
原生js验证简洁注册登录页面
2016/12/17 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
Swiper实现轮播图效果
2017/07/03 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
Python 绘图和可视化详细介绍
2017/02/11 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
python3.x 将byte转成字符串的方法
2018/07/17 Python
Python做智能家居温湿度报警系统
2018/09/25 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
Python使用matplotlib绘制圆形代码实例
2020/05/27 Python
Python根据字典的值查询出对应的键的方法
2020/09/30 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
美国顶级品牌男士大码服装店:DXL
2017/08/30 全球购物
企业元宵节主持词
2014/03/25 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
好媳妇事迹材料
2014/12/24 职场文书
起诉意见书范文
2015/05/19 职场文书
大队委员竞选演讲稿
2015/11/20 职场文书