脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js数组

js中数组的常用方法小结

 更新时间：2016年12月30日 10:42:13   作者：芸&鱼儿  
这篇文章主要介绍了js中数组的常用方法,结合实例形式分析了js中的常用数组方法,如push、concat、pop、splice、reverse、join等功能与用法,需要的朋友可以参考下

本文实例总结了js中数组的常用方法。分享给大家供大家参考，具体如下：

push 方法

该方法会把一个元素或一组元素（数组）添加到当前数组的末尾。

eg:

var arr1 = [1, 2, 3];
arr1.push([4, 5]);

arr1的结果是[1, 2, 3, 4, 5]

concat 方法

该方法会把两个数组或元素组合在一起，但是不会改变调用者的结构

eg:

var arr1 = [1, 2, 3];
var arr2 = [4, 5];
var arr3 = arr1.concat(arr2);

arr1的值：[1, 2, 3];
arr3的值：[1, 2, 3, 4, 5]

pop 方法

该方法作用是删除数组中最后一个元素，并返回删除的元素

eg:

var arr1 = [1, 2, 3];
var val = arr1.pop();

val的值：3
arr1的值：[1, 2]

splice 方法

该方法能删除指定的元素，或者插入指定的元素，函数原型 splice(index,howmany,element1,.....,elementX)

index表示要删除的开始下标, howmany表示要删除的元素个数,element（可选）从index开始，要插入的元素,该方法的返回值是被删除掉的那部分数组

eg:

var arr1 = [1, 2, 3, 4, 5];
var arr2 = arr1.splice(0, 2);
alert(arr1);
alert(arr2);

arr1的值：[3, 4, 5]
arr2的值：[1, 2]

PS:这个方法一般我用的比较多的就是删除数组的所有元素：arr1.splice(0, arr1.length);

reverse 方法

该 颠倒数组中元素的顺序

join 方法

返回一个字符串，字符串的内容是数组的所有元素，元素之间通过指定的分隔符进行分隔。

eg:

var arr1 = [1, 2, 3];
var str = arr1.join("--");
alert(str);

str的值：1--2--3

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 让textarea自动调整大小的js代码

    让textarea自动调整大小的js代码

    让textarea自动调整大小的js代码，需要的朋友可以参考下。
    2011-04-04
  • 两种js监听滚轮事件的实现方法

    两种js监听滚轮事件的实现方法

    下面小编就为大家带来一篇两种js监听滚轮事件的实现方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 微信小程序中获取设备信息的方法

    微信小程序中获取设备信息的方法

    这篇文章主要给大家介绍了关于微信小程序中获取设备信息的相关资料,微信小程序是一种在微信平台上运行的应用程序,它具有轻量化、便捷性和高兼容性的特点,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-07-07
  • javascript函数式编程实例分析

    javascript函数式编程实例分析

    这篇文章主要介绍了javascript函数式编程,实例分析了javascript函数式编程的相关使用技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • js算法实例之字母大小写转换

    js算法实例之字母大小写转换

    实现javascript 英文首字母大写有多种方法,下面这篇文章主要给大家介绍了关于js算法实例之字母大小写转换的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-12-12
  • js遍历对象key和value实战举例

    js遍历对象key和value实战举例

    这篇文章主要给大家介绍了关于js遍历对象key和value的相关资料,随着JavaScript在web应用程序中的广泛使用,遍历对象的key和value成为了编写复杂代码所必需的技能,需要的朋友可以参考下
    2023-07-07
  • js基于cookie记录来宾姓名的方法

    js基于cookie记录来宾姓名的方法

    这篇文章主要介绍了js基于cookie记录来宾姓名的方法,涉及javascript使用cookie针对方可信息的存储与读取显示相关技巧,需要的朋友可以参考下
    2016-07-07
  • ES6的异步终极解决方案分享

    ES6的异步终极解决方案分享

    这篇文章主要给大家介绍了关于ES6的异步终极解决方案，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
    2019-07-07
  • 老生常谈document.ready和window.onload

    老生常谈document.ready和window.onload

    这篇文章主要介绍了document.ready和window.onload的相关知识,包括document.ready和window.onload的区别,要使用document.ready()或者document.onload()的原因分析,本文结合实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2024-01-01
  • JavaScript中变量提升导致未定义(undefined)的问题及解决方法

    JavaScript中变量提升导致未定义(undefined)的问题及解决方法

    在 JavaScript 中,变量提升（Hoisting）是一个相对常见的行为,尤其是当你遇到 undefined 错误时,本文将详细探讨变量提升的概念、其对代码执行的影响以及如何避免因为变量提升而导致 undefined 的问题,需要的朋友可以参考下
    2024-09-09

最新评论