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];
});

 另外,在循环中还有两个关键语句"break"和"continue".

break语句用于中止某个循环,使程序跳到循环块外的下一条语句,在循环中位于break后的语句讲不再执行,break语句不仅可以用在for循环中,也可以用在while循环中.

continue语句也可用于for循环和while循环,continue适用于退出本次循环,继续后面的循环的情况,continue语句只能用在循环结构中.

---

总结

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