当前位置: 首页 > 编程笔记 >

JavaScript数组及常见操作方法小结

陈朗
2023-03-14
本文向大家介绍JavaScript数组及常见操作方法小结,包括了JavaScript数组及常见操作方法小结的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JavaScript数组及常见操作方法。分享给大家供大家参考,具体如下:

数组及操作方法

数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。

定义数组的方法

//对象的实例创建
var aList = new Array(1,2,3);
//直接量创建
var aList2 = [1,2,3,'asd'];

操作数组中数据的方法

1、获取数组的长度:aList.length;

var aList = [1,2,3,4];
alert(aList.length); // 弹出4

2、用下标操作数组的某个数据:aList[0];

var aList = [1,2,3,4];
alert(aList[0]); // 弹出1

3、join() 将数组成员通过一个分隔符合并成字符串

var aList = [1,2,3,4];
alert(aList.join('-')); // 弹出 1-2-3-4

4、push() 和 pop() 从数组最后增加成员或删除成员

var aList = [1,2,3,4];
aList.push(5);
alert(aList); //弹出1,2,3,4,5
aList.pop();
alert(aList); // 弹出1,2,3,4

5、unshift()和 shift() 从数组前面增加成员或删除成员

var aList = [1,2,3,4];
aList.unshift(5);
alert(aList); //弹出5,1,2,3,4
aList.shift();
alert(aList); // 弹出1,2,3,4

6、reverse() 将数组反转

var aList = [1,2,3,4];
aList.reverse();
alert(aList); // 弹出4,3,2,1

7、indexOf() 返回数组中元素第一次出现的索引值

var aList = [1,2,3,4,1,3,4];
alert(aList.indexOf(1));

8、splice() 在数组中增加或删除成员

var aList = [1,2,3,4];
aList.splice(2,1,7,8,9); //从第2个元素开始,删除1个元素,然后在此位置增加'7,8,9'三个元素
alert(aList); //弹出 1,2,7,8,9,4

多维数组

多维数组指的是数组的成员也是数组的数组。

var aList = [[1,2,3],['a','b','c']];

alert(aList[0][1]); //弹出2;

批量操作数组中的数据,需要用到循环语句

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript遍历算法与技巧总结》、《javascript面向对象入门教程》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

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

 类似资料:
  • 本文向大家介绍javascript操作元素的常见方法小结,包括了javascript操作元素的常见方法小结的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript操作元素的常见方法。分享给大家供大家参考,具体如下: 获取元素方法一 可以使用内置对象document上的getElementById方法来获取页面上设置了id属性的元素,获取到的是一个html对象,然后将它赋值给一个

  • 前言 数组在实战开发中,使用得相当频繁。前端同学通过接口拿到json数据后,往往需要把数据进行各种形式的变换和展示。这个时候,数组的常见操作,就发挥了很大的作用。 如果你对数组的基础知识不太熟悉,建议回去看看03-JavaScript的基础知识。 掌握了基础知识之后,我们再来看看,实战开发中,数组都有哪些常见操作。 数组的常见操作 从对象数组中,将属性的值提取为数组 一般人可能会想着通过 for

  • 本文向大家介绍jQuery常用操作方法及常用函数总结,包括了jQuery常用操作方法及常用函数总结的使用技巧和注意事项,需要的朋友参考一下 一篇 jQuery 常用方法及函数的文章留存备忘。 jQuery 常见操作实现方式 $("标签名") //取html元素 document.getElementsByTagName("") $("#ID") //取单个控件document.getElement

  • 本文向大家介绍JavaScript jQuery 中定义数组与操作及jquery数组操作,包括了JavaScript jQuery 中定义数组与操作及jquery数组操作的使用技巧和注意事项,需要的朋友参考一下 首先给大家介绍javascript jquery中定义数组与操作的相关知识,具体内容如下所示: 1.认识数组 数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascr

  • 本文向大家介绍JavaScript中 DOM操作方法小结,包括了JavaScript中 DOM操作方法小结的使用技巧和注意事项,需要的朋友参考一下 DM是(Document Object Model)的简称。 一.找元素 document.getElementById()    根据id选择器找,最多找一个; document.getElementsByName()   根据name找,找出的是

  • 前言 数组的常见方法如下: 方法 描述 备注 slice() 从数组中提取指定的一个或多个元素,返回结果为新的数组 不会改变原数组 splice() 从数组中删除指定的一个或多个元素,返回结果为新的数组 会改变原数组 concat() 连接两个或多个数组,返回结果为新的数组 不会改变原数组 join() 将数组转换为字符串,返回结果为转换后的字符串 不会改变原数组 reverse() 反转数组,返