js中的数组方法以及循环数组的方法

目录

前言

一、数组是什么?

二、数组基本操作方法

1.创建数组

2.常用数组方法

三、循环数组的方法

总结


前言

数组是用来存储元素的一种非常重要的方式,掌握常用的数组方法以及学会遍历数组是学习编程不可缺少的一步。


提示:以下是本篇文章正文内容,下面案例可供参考

一、数组是什么?

数组 是具有相同数据类型的一个或多个值的集合。

二、数组基本操作方法

1.创建数组

代码如下:

//1、创建数组 new 对象 下标
let arr=new Array(3);
arr[0]="阿易";
arr[1]="阿宓";
arr[2]="生活顺利";
document.write(arr[2]);
console.log(arr); //2、创建数组 new 对象 下标
let arr=new Array("阿易","阿宓","生活顺利");
document.write(arr[2]);
console.log(arr);//3、字面量 创建数组 
let arr=new Array("阿易","阿宓","生活顺利");
// document.write(arr[2]);
// console.log(arr);

2.常用数组方法

代码如下(示例):

let arr=new Array("阿易","阿宓","生活顺利");//length   计算数组长度(数组的下标从0开始计算)
let len=arr.length;Array.isArray(arr)             //判断是否为数组类型//jion() 以分隔符将数组分割转换为字符串String
let newStr=arr.join("+");//split()  将String以分隔符转换为array  //向数组末尾添加元素
arr.push("嗨嗨嗨","huhu");//删除数组末尾元素
arr.pop();//向数组头部添加元素
arr.unshift("huhu","ququ");//删除数组头部元素
arr.shift();//数组万能方法
//splice(起始下标,删除个数)      删除任意位置元素
arr.splice(1,2);
//splice(起始下标,替换个数,替换的数据。。。)     替换任意位置元素
arr.splice(1,2,"nana","lili");
//splice(起始下标,新增个数,新增的数据)     新增元素
arr.splice(3,2,"xixi","mama");

三、循环数组的方法

代码如下(实例):

//1、for循环   下标/key/键  【已知条件,已知范围(先判断,后循环)】
for(let i=0;i<arr.length;i++){document.write(arr[i]+"<br/>");
}//2、while循环 下标/key/键  【未知条件,未知范围(先判断,后循环)】
let i=0;
while(i<arr.length){
document.write(arr[i]+"<br/>");
i++;
}//3、do while循环 【未知条件,未知范围(先循环,后判断)】do{
document.write(arr[i]+"<br/>");
}while(i<arr.length);//4、for of循环   值/value/元素  【循环/遍历 数组】
for(let value of arr){
document.write(value+"<br/>");
} //5、for in循环  下标/key/值    [一般用来循环对象]
for(let i in arr){
document.write(arr[i]+"<br/>");
}//6、forEach() 数组方法  匿名回调函数
arr.forEach(function(value,index,oldarr){
document.write(index+"---"+value+"---"+oldarr+"<br/>");
});//7.map() 数组方法  有返回值,返回一个新的和原数组长度一定一致的数组,新数组有可能是二维数组
let newarr=arr.map(function(value,index,oldarr){document.write(index+"---"+value+"---"+oldarr+"<br/>");if(index==0){value="123456";}return [value];
});
console.log(newarr);//8.flatMAp() 数组方法  有返回值,返回了一个新的和原数组长度有可能不一致的数组,新数组一定是一维数组
let newarr=arr.flatMap(function(value,index,oldarr){document.write(index+"---"+value+"---"+oldarr+"<br/>");if(index==0){value="123456";}return [value,index];
});

总结

数组是学习编程不管任何语言必须掌握的知识,特别是循环数组的方法,如何取到数组的值,取到的是"键"还是"值"是非常关键的,牢记这些,可以在你需要用到数组是事半功倍.

本文链接:https://my.lmcjl.com/post/8007.html

展开阅读全文

4 评论

留下您的评论.