javascript基础函数之数组处理函数用法实例汇总-js教程-PHP中文网

javascript基础函数之数组处理函数用法实例汇总

伊谢尔伦

发布： 2017-07-25 15:49:30

原创

1163人浏览过

join()

把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
例如：

 <script type="text/javascript">
       var arr = [&#39;item 1&#39;, &#39;item 2&#39;, &#39;item 3&#39;];
       var list = &#39;<ul><li>&#39; + arr.join(&#39;</li><li>&#39;) + &#39;</li></ul>&#39;;
 </script>

登录后复制

list结果：

item 1
item 2
item 3

'
这是迄今为止最快的方法！使用原生代码（如 join()），不管系统内部做了什么，通常比非原生快很多。——James Padolsey, james.padolsey.com

pop()

删除并返回数组的最后一个元素
pop()方法将删除数组的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。
如果数组已经为空，则pop()不改变数组，并返回undefined值
例如：

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.pop() + "<br/>");
       document.write(arr);
 </script>

登录后复制

输出结果：
George,John,Thomas
Thomas
George,John

push()

向数组的末尾添加一个或更多元素，并返回新的长度
例如：

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.push("James") + "<br/>");
       document.write(arr);
 </script>

登录后复制

输出结果：
George,John,Thomas
4
George,John,Thomas,James

unshift()

向数组的开头添加一个或更多元素，并返回新的长度

例如：

 <script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.unshift("James") + "<br/>");
       document.write(arr);
 </script>

登录后复制

输出结果：
George,John,Thomas
4
James,George,John,Thomas

shift()

删除并返回数组的第一个元素

例如：

<script type="text/javascript">
       var arr = ["George", "John", "Thomas"];
       document.write(arr + "<br/>");
       document.write(arr.shift() + "<br/>");
       document.write(arr);
 </script>

登录后复制

输出结果：
George,John,Thomas
George
John,Thomas

sort()

对数组的元素进行排序

对数组的引用。请注意，数组在原数组上进行排序，不生成副本
该方法默认是按照字符编码(ASCII)的顺序进行排序的
例如：

<script type="text/javascript">
     var arr = new Array(6);
     arr[0] = "John";
     arr[1] = "George";
     arr[2] = "Thomas";
     document.write(arr + "<br/>");
     document.write(arr.sort());
 </script>

登录后复制

输出结果：
John,George,Thomas
George,John,Thomas

再来看一个例子：

<script type="text/javascript">
     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());
 </script>

登录后复制

输出结果：
10,5,40,25,1000,1
1,10,1000,25,40,5

我们可以看到，并非是按照我们认为的按数字大小排序，如果想按照数字大小排序，则需要改变默认的排序方式，自行指定排序规则。
如下：

 <script type="text/javascript">
     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(function (a, b) {return a - b;}));// 从大到小
 </script>

登录后复制

输出结果：
10,5,40,25,1000,1
1,5,10,25,40,1000
如果想要降序排列呢？
将排序规则改为：
function (a, b) {return b - a;}
就OK了

以上就是javascript基础函数之数组处理函数用法实例汇总的详细内容，更多请关注php中文网其它相关文章！