美文网首页
前端知识数组及操作方法

前端知识数组及操作方法

作者: Pickupthesmokes | 来源:发表于2018-09-17 19:22 被阅读0次

数组就是一组数据的集合,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;

获取元素的第二种方法

document.getElementsByTagName(''),获取的是一个选择集,不是数组,但是可以用下标的方式操作选择集里面的dom元素。

相关文章

  • 前端知识数组及操作方法

    数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法 //对象的实例创...

  • javascript高级

    数组及操作方法 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的 多维数组指的是数组...

  • 2018-07-12

    数组及操作方法 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法 ...

  • JS----数组

    数组及操作方法:数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法:...

  • 数组及操作方法

    数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法 //对象的实例创...

  • javascript进阶

    1. 数组及操作方法 数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的...

  • [转载]数组的详细操作

    原文:【干货】js 数组详细操作方法及解析合集 创建数组 直接创建 Array.of() 返回由所有参数值组成的数...

  • JS内置对象:数组(二)

    一、数组的操作方法 【知识点】 concat()slice() 1.concat() 【语法】: 【功能】:用于连...

  • javascript数组及操作方法

    数组就是一组数据的集合,javascript中,数组里面的数据可以是不同类型的。 定义数组的方法://对象的实例创...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

网友评论

      本文标题:前端知识数组及操作方法

      本文链接:https://www.haomeiwen.com/subject/vzqdnftx.html