JavaScript像数组添加元素并排序
2017-11-17 21:37
369 查看
最近用jscharts做图
如上图,柱形排列是没有规律的,将它做出如下调整
因为jscharts做表,是使用数组存储数据
所以我们只需要对数组进行排序即可
因为在使用中,我们的数据肯定是从后台生成传到前台来的,所有一起介绍动态向数组中添加数据
unshift:将参数添加到原数组开头,并返回数组的长度
push:将参数添加到原数组末尾,并返回数组的长度
数组排序(按首字母排序)
也可以自定义排序规则
使用拍过序的数组,做出的图效果就会和第二张图一样了
如上图,柱形排列是没有规律的,将它做出如下调整
因为jscharts做表,是使用数组存储数据
//准备数据 var myData = new Array(['Asia', 437, 520], ['Europe', 322, 390], ['North America', 233, 286], ['Latin America', 110, 162], ['Africa', 34, 49], ['Middle East', 20, 31], ['Aus/Oceania', 19, 22]); //初始化JSChart var myChart = new JSChart('graph', 'bar'); //注入数据 myChart.setDataArray(myData);
所以我们只需要对数组进行排序即可
因为在使用中,我们的数据肯定是从后台生成传到前台来的,所有一起介绍动态向数组中添加数据
unshift:将参数添加到原数组开头,并返回数组的长度
var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-1,1,2,3,4,5] b:7
push:将参数添加到原数组末尾,并返回数组的长度
var a = [1,2,3,4,5]; var b = a.push(6,7); //a:[1,2,3,4,5,6,7] b:7
数组排序(按首字母排序)
<script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />") document.write(arr.sort()) </script> //输出 //George,John,Thomas,James,Adrew,Martin //Adrew,George,James,John,Martin,Thomas
也可以自定义排序规则
<script type="text/javascript"> function sortNumber(a,b) { return a - b } var arr = new Array(6) arr[0] = "10" arr[1] = "5" arr[2] = "40" arr[3] = "25" arr[4] = "1000" arr[5] = "1" document.write(arr + "<br />") document.write(arr.sort(sortNumber)) </script> //输出 //10,5,40,25,1000,1 //1,5,10,25,40,1000
使用拍过序的数组,做出的图效果就会和第二张图一样了
相关文章推荐
- javascript 常见数组操作( 1、数组整体元素修改 2、 数组筛选 3、jquery 元素转数组 4、获取两个数组中相同部分或者不同部分 5、数组去重并倒序排序 6、数组排序 7、数组截取slice 8、数组插入、删除splice(需明确位置) 9、数组遍历 10、jQuery根据元素值删除数组元素的方)
- 解析javascript 数组以及json元素的添加删除
- 解析javascript 数组以及json元素的添加删除
- JavaScript 数组添加、删除、排序、转换
- javascript 数组、json元素的添加删除
- javascript数组 添加元素
- JavaScript 数组添加、删除、排序、转换
- JavaScript的数组中添加元素的方法小结
- JavaScript基础 使用new关键字和Array()来创建空数组 并 不按顺序来添加元素
- javascript 005 基于原型链实现类 数组去重,排序,根据值删除数组中元素,查某个值在数组中的索引,根据值,判断数组中是否有该值的元素
- JavaScript基础 使用new关键字和Array()来创建空数组 并 不按顺序来添加元素
- JavaScript使用push方法添加一个元素到数组末尾用法实例
- 在数组中添加一个元素 数组顺序依旧正常排序
- JavaScript学习笔记31-利用循环语句给数组添加元素
- 向JavaScript的数组中添加元素的方法小结
- 向JavaScript的数组中添加元素的方法小结
- iOS开发数组去重方法,排序去重和包含元素
- 删除排序数组中的重复元素
- JavaScript中数组的合并以及排序实现示例
- JavaScript中数组的合并以及排序实现示例