JS数组(Array)处理函数整理

1、concat() 连接两个或更多的数组 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 例如:

代码如下:

输出结果: 1,3,4,11,33

2、join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 例如:

代码如下:
  • ') + '
  • ';

    list结果:

    '

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

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

    代码如下:
    "); document.write(arr.pop() + "
    "); document.write(arr);

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

    4、push() 向数组的末尾添加一个或更多元素,并返回新的长度 例如:

    代码如下:
    "); document.write(arr.push("James") + "
    "); document.write(arr);

    输出结果: George,Thomas 4 George,Thomas,James

    5、unshift() 向数组的开头添加一个或更多元素,并返回新的长度 例如:

    代码如下:
    "); document.write(arr.unshift("James") + "
    "); document.write(arr);

    输出结果: George,Thomas 4 James,George,Thomas

    6、reverse() 颠倒数组中元素的顺序 例如:

    代码如下:
    "); document.write(arr.reverse());

    输出结果: George,Thomas Thomas,George

    7、shift() 删除并返回数组的第一个元素 例如:

    代码如下:
    "); document.write(arr.shift() + "
    "); document.write(arr);

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

    8、slice(start,end) 从某个已有的数组返回选定的元素 请注意,该方法并不会修改数组,而是返回一个子数组 例如:

    代码如下:
    "); document.write(arr.slice(1) + "
    "); // 从第一个元素开始截取到 数组结尾 document.write(arr);

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

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

    代码如下:
    "); document.write(arr.sort());
    输出结果: John,Thomas

    再来看一个例子:

    代码如下:
    "); document.write(arr.sort());
    输出结果: 10,40,25,1000,1 1,10,5

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

    代码如下:
    "); document.write(arr.sort(function (a,b) {return a - b;}));// 从大到小
    输出结果: 10,1000 如果想要降序排列呢? 将排序规则改为: function (a,b) {return b - a;} 就OK了

    10、splice() 删除元素,并向数组添加新元素 splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 (1)删除指定范围的数组元素:

    代码如下:
    "); arr.splice(2,3); // 删除第三个元素以后的三个数组元素(包含第三个元素) document.write(arr);
    输出结果: George,James,Adrew,Martin George,Martin

    (2)从指定下标开始插入指定元素(元素个数不限):

    代码如下:
    "); arr.splice(2,"William","JACK"); // 在第三个元素之前插入"William","JACK" document.write(arr);
    输出结果: George,William,JACK,Martin

    (3)删除指定范围的数组元素,并用指定元素替换(元素个数不限):

    代码如下:
    "); arr.splice(2,"JACK"); // 删除第三个元素以后的三个数组元素(包含第三个元素),并用"William","JACK"进行替换 document.write(arr);
    输出结果: George,Martin

    版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

    相关推荐


    kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
    这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
    js如何实现弹出form提交表单?(图文+视频)
    js怎么获取复选框选中的值
    js如何实现倒计时跳转页面
    如何用js控制图片放大缩小
    JS怎么获取当前时间戳
    JS如何判断对象是否为数组
    JS怎么获取图片当前宽高
    JS对象如何转为json格式字符串
    JS怎么获取图片原始宽高
    怎么在click事件中调用多个js函数
    js如何往数组中添加新元素
    js如何拆分字符串
    JS怎么对数组内元素进行求和
    JS如何判断屏幕大小
    js怎么解析json数据
    js如何实时获取浏览器窗口大小
    原生JS实现别踩白块小游戏(五)
    原生JS实现别踩白块小游戏(一)