JavaScript 的 常见循环

基本数据类型  string number boolean  undefined

引用数据类型  object array function

 

检测数据类型 Array.isArray();  判断是否为数组类型

alert(Array.isArray(arr));

 

一维数组

let arr = ["html","css","wechat",true,false,20];

 

二维数组

let arr = [[1,2,3,4,5],"html","css","wechat",true,false,20,["张三","李四","王五","赵六"]];

 

1、  for 循环

    for (let i =0; i<100; i++) {

       

        document.write(i+"<br>");

    }

    for(let a =100; a>=0; a--){

        document.write(a + "<br>")

    }

 

2、   while() 循环

let arr = ['1','2','3','4','5']

let i = 0;

while(i < arr.length){

    document.write(arr[i] + "<br/>");

    i++;

}

 

3 、  do while()   【至少执行一次（先执行，后判断】

 let i = 0;

 do {

     document.write(arr[i]+"</br>");

 }

 while(i<arr.length);

 

 4、  for of 循环    【循环遍历数组的值】

 for(let value of arr){

     document.write(value+"</br>");

 }

 

 5、  for in 循环    【循环遍历数组下标】  

 for(let i in arr){                                【数组】

     document.write(i+"</br>");

 }

 

for( let key in obj){

        document.write(obj[key] + "<br/>");       【对象】

    }

 

6、 forEach() 数组方法    只接收一个函数----匿名回调函数

array.forEach(function(value,index,olderr) { /* function内接收三个参数--------数组的值，数组的下标，原数组 */

                    document.write(value+index,olderr);

                }

);

循环遍历二维数组

let arr = [[1,2,3,4,5],"html","css","wechat",true,false,20,["张三","李四","王五","赵六"]];

let i = 0;

while(i < arr.length){

    if(Array.isArray(arr[i])){

        for(let value of arr[i]){

            document.write(value + "<br/>")

        }

    }else{

        document.write(arr[i] + "<br/>")

    }

    i++;

}

 

flat();    讲数组进行降维处理，返回一个心得数组

 

let newarr = arr.flat();

console.log(arr,newarr);

for(let i in newarr){

    document.write(newarr[i] + "<br/>")

}

 

三维数组

let arr1 = [[1,2,[9,8,7,6,5,4,3,2,1,0],3,4,5],"html","css","wechat",true,false,20,["张三","李四","王五","赵六"]];

let newarr1 = arr1.flat(2);

console.log(arr1,newarr1);

for(let i in newarr1){

    document.write(newarr1[i] + "<br/>");

}

document.write("---------------------" + "<br/>");

for(let i in arr1){

    document.write(arr1[i] + "<br/>");

}

 

7、map() 数组方法  

有返回值，返回一个新的和老数组长度一定一致的新数组，更改数组内某个元素时，原先数组不会改变，而是复制一个新的数组

let newarr = arr.map(function(value,index,oldarr){

    document.write(index + "---" + value + "----" + oldarr + "<br/>");

    if(index == 0){

        value = "1234567890";

    }

    return value;

   

})

document.write( newarr + "<br/>");

 

8、flatMap()  数组方法  有返回值  

与map()的区别  flatMap()会对数组进行降维

let newarr = arr.flatMap(function(value,index,oldarr){

    document.write(index + "---" + value + "----" + oldarr + "<br/>");

    if(index == 0){

        value = "1234567890";

    }

    return value;

})

document.write( newarr + "<br/>");