js中的数组方法和循环

JavaScript 中的数组用一个名称存储一系列的值，用下标区分数组中的每个值，数组的下标从0开始。

对数组的记录会放在循环之后。

目录

循环

数组方法

---

1.for循环

常用于数组的 循环遍历

格式：

        for (初始部分; 循环条件; 条件迭代) {

              //循环执行的语句

        }

  let arr=["css","js","html"];
    for(let i=0;i<arr.length;i++){
        document.write(arr[i]+"<br>");
    }

2.while循环

格式：

while( 循环条件 ) {

     //循环操作

     //迭代部分

}

 let arr=["css","js","html"];
    let i=0;
    while(i<arr.length){
        document.write(arr[i]+"<br>");
        i++;
    }

3.for of循环

格式：

        for(let value of arr){

                //循环操作

        } 

for of循环自动迭代

for of循环是对值的操作

    let arr=["css","js","html"];
    for(let value of arr){
        document.write(value+"<br>");
    }

 4.for in循环

格式：

        for(let i in arr){

                //循环操作

        } 

for in循环自动迭代

for in循环是对下标的操作

 let arr=["css","js","html"];
    for(let i in arr){
        document.write(arr[i]+"<br>");
    }

 

5.forEach()方法

格式：

        数组名.forEach(匿名回调函数（）{

                代码段

        })；

forEach循环只能用来遍历数组，不能遍历对象

   let arr=["css","js","html"];
    arr.forEach(function(value,index,oldarr){
        document.write(index+"--"+value+"--"+oldarr+"<br>");
        
    });

 

6.map()方法

格式

        

  数组名.map(匿名回调函数（参数）{

                代码段

        })；

map方法返回一个新数组

  let arr=["css","js","html"];
    arr.map(function(i){
       console.log(i);
    })

 

数组方法

js为创建数组提供了三种方式，分别是new 对象＋元素个数、new 对象＋元素值以及字面量创建数组。

1.new 对象＋元素个数

格式：var  数组名称 = new Array(size);

如下示例创建一个名为arr的长度为3的数组

    var arr=new Array(3);
    arr[0]="js";
    arr[1]="css";
    arr[2]="html";
    console.log(arr);

2. new 对象＋元素值

格式：var  数组名称 = new Array("元素值"，"元素值"，"元素值"....)

如下示例创建一个名为arr的长度为4的数组

var arr=new Array("css","html","js","ff");
    console.log(arr);

 

 3.字面量创建数组

格式：var  数组名称 = ["元素值"，"元素值","元素值"...];

如下示例创建一个名为arr的长度为3的数组

var arr=["css","js","html"]; 
    console.log(arr);

join方法

把数组的所有元素放入一个字符串，通过一个的分隔符进行分隔

    let arr=["html",1,5,17,"css",null];
       let str=arr.join("+");
       document.write(str); 

split()方法

将string以分隔符转换为array数组

let str="1shksudhbakdbjhh.oooo"
    let arr=str.split(".");
    console.log(arr);

 sort()方法

对数组中的元素进行排序

a-b：按从小到大

b-a：按从大到小

let arr=[3,11,17,91,23,56];
    arr.sort(function(a,b){
        return a-b;//正序
        //return b-a;//逆序
    });
    document.write(arr);

push()方法

向数组中添加数据(末尾添加)

有参:要添加的数据

    let arr=["js",20,"计算机"];
    document.write(arr+"<br>");

    arr.push("工科");
    document.write(arr+"<br>");

unshift()方法

 向数组中添加数据(头部添加)

有参:要添加的数据

    let arr=["js",20,"计算机"];
    document.write(arr+"<br>");
     arr.unshift("css");
    document.write(arr+"<br>");

pop()方法

删除数组中元素(删除末尾)

无参，直接删除最后一个

    let arr=["js",20,"计算机"];
    document.write(arr+"<br>");
    arr.pop();
    document.write(arr+"<br>");

shift()方法

删除数组中元素(删除头部)

无参，直接删除第一个

     let arr=["js",20,"计算机"];
    document.write(arr+"<br>");
    arr.shift();
    document.write(arr+"<br>");

 

splice() 

 数组的插入，修改，删除 不同参数具有不同含义

1.插入 大于数组长度的位置，插入元素的个数，插入的数据

2.修改   修改元素的起始下标，修改的个数，修改的数据

3.删除    删除元素的起始下标，删除的个数

    //1.插入 大于数组长度的位置，插入元素的个数，插入的数据
    arr.splice(5,2,"css","45");    
    document.write(arr+"<br>");
 
   // 2.修改   修改元素的起始下标，修改的个数，修改的数据
    arr.splice(1,1,13);
    document.write(arr+"<br>");

   // 3.删除    删除元素的起始下标，删除的个数
    arr.splice(1,1);
    document.write(arr+"<br>");

 

小结：有关于数组方法和循环的记录到这里就告一段落，如果有人看到了这篇博客，发现了其中的一些错误，恳请能够指正，非常感谢！