点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

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

来源：懂视网责编：小采时间：2020-11-27 20:15:08

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

javascript基础函数之数组处理函数用法实例汇总:join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。例如： <script type="text/javascript"> var arr = ['item 1', 'item 2', 'item 3']; var list

推荐度：

点击下载本文 文档为doc格式

导读javascript基础函数之数组处理函数用法实例汇总:join()把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。例如： <script type="text/javascript"> var arr = ['item 1', 'item 2', 'item 3']; var list

join()

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

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

list结果：

'<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>'
这是迄今为止最快的方法！使用原生代码（如 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基础函数之数组处理函数用法实例汇总

推荐度：

点击下载本文 文档为doc格式

标签：用法 js 函数

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐