JavaScript像数组添加元素并排序

最新推荐文章于 2022-09-13 16:45:09 发布

原创最新推荐文章于 2022-09-13 16:45:09 发布 · 778 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数组排序 #数组

本文介绍了如何在JavaScript中使用unshift和push方法动态添加数组元素，并对数组进行排序，包括按首字母排序和自定义排序规则。通过排序数组，可以实现如jscharts图表数据的有序展示。

最近用jscharts做图
这里写图片描述
如上图，柱形排列是没有规律的，将它做出如下调整

因为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