JavaScript的数组及操作

最新推荐文章于 2022-05-16 10:32:17 发布

回头科科

最新推荐文章于 2022-05-16 10:32:17 发布

阅读量1.4k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/jcf52/article/details/124369346

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一.创建数组的方法

二.数组操作方法

2.1获取数组的长度：aList.length;

2.2用下标操作数组的某个数据：aList[0];

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

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

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

2.6reverse() 将数组反转

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

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

2.9forEach()将数组的每个元素传递给回调函数

2.10map()返回一个数组元素调用函数处理后的值的新数组

2.11 代码

三.多维数组

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

数组对象的作用是：使用单独的变量名来存储一系列的值。类似于Python中的列表

一.创建数组的方法

//通过类实例化来创建数组 

var aList01 = new Array(1,2,3); 
//通过直接量的方式创建数组 

var aList02 = [5,6,7];

二.数组操作方法

常用方法：

方法	说明
.length	数组的大小
.push(ele)	尾部追加元素
.pop()	获取尾部的元素
.unshift(ele)	头部插入元素
.shift()	头部移除元素
.slice(start, end)	切片
.reverse()	反转
.join(seq)	将数组元素连接成字符串
.concat(val, ...)	连接数组
.sort()	排序
.forEach()	将数组的每个元素传递给回调函数
.splice()	删除元素，并向数组添加新元素
.map()	返回一个数组元素调用函数处理后的值的新数组

2.1获取数组的长度：aList.length;

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

2.2用下标操作数组的某个数据：aList[0];

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

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

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

2.4push() 和 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

2.5unshift()和 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

2.6reverse() 将数组反转

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

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

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

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

语法：
splice(index,howmany,item1,.....,itemX)

参数：

参数	描述

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

2.9forEach()将数组的每个元素传递给回调函数

语法：forEach(function(currentValue, index, arr), thisValue)

参数	描述
function(currentValue, index, arr)	必需。数组中每个元素需要调用的函数。函数参数:参数描述currentValue必需。当前元素index 可选。当前元素的索引值。arr可选。当前元素所属的数组对象。
thisValue	可选。传递给函数的值一般用 "this" 值。如果这个参数为空， "undefined" 会传递给 "this" 值

2.10map()返回一个数组元素调用函数处理后的值的新数组

语法：
map(function(currentValue,index,arr), thisValue)

参数：

参数	描述
function(currentValue, index,arr)	必须。函数，数组中的每个元素都会执行这个函数函数参数: 参数描述currentValue必须。当前元素的值index可选。当期元素的索引值arr可选。当期元素属于的数组对象
thisValue	可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。如果省略了 thisValue ，"this" 的值为 "undefined"

2.11 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var aList = [1,2,3,4];
    alert(aList.length); // 弹出4
    alert(aList[0]);
    alert(aList.join('-'));
    aList.push(5);
    alert(aList);
    aList.pop();
    alert(aList);
    aList.unshift(5);
    alert(aList); //弹出5,1,2,3,4
    aList.shift();
    alert(aList); // 弹出1,2,3,4
    aList.reverse();
    alert(aList); // 弹出4,3,2,1
    var aList2 = [1,2,3,4,1,3,4];
    alert(aList2.indexOf(1));
    var aList3 = [1,2,3,4];
    //第一个参数是开始的位置，第二个参数是起始位置删除多少个成员，第三个（包括第三个）之后是要增加的
    //成员的值

    aList3.splice(2,1,7,8,9); //从第2个元素开始，删除1个元素，然后在此位置增加'7,8,9'三个元素
    alert(aList3); //弹出 1,2,7,8,9,4
</script>

</body>
</html>

三.多维数组

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

var aList = [[1,2,3],['a','b','c']]; 
alert(aList[0][1]); //弹出2;

回头科科

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的数组及操作

目录一.创建数组的方法二.数组操作方法2.1获取数组的长度：aList.length;2.2用下标操作数组的某个数据：aList[0];2.3join() 将数组成员通过一个分隔符合并成字符串2.4push() 和 pop() 从数组最后增加成员或删除成员2.5unshift()和 shift() 从数组前面增加成员或删除成员2.6reverse() 将数组反转2.7indexOf() 返回数组中元素第一次出现的索引值2.8splice() 在数组中增加或删除成员
复制链接

扫一扫

专栏目录