Js不使用循環生成長度爲10內容分別爲0-9的數組的方法?六種

1、使用Array.apply

let arr= Array.apply(null, { length: 10 }).map((item,index)=>{
     return index;
    });
console.log(arr);
//(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
複製代碼

原理：Array.apply的第二個參數是類數組調用Array.apply(null, { length: 10 })等於生成了長度爲10內容都爲undefinded的數組

2、使用Array.from

let arr= Array.from({length:10}).map((item,index)=>{
     return index;
    });
  console.log(arr);
//(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
複製代碼

3、使用Array.prototype.fill

let arr=  new Array(10).fill(1).map((item,index)=>{
     return index;
    });
   console.log(arr);
//(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
 
複製代碼

說明一下：new Array(10).fill(1)生成一個長度爲10的空數組並用1填充

4、使用setInterval

var arr = [],
    i = 0,
    timer = null;
    timer = setInterval(() => {
    i < 10 ? arr.push(i++) : clearInterval(timer);
        }, 0);
    console.log(arr);
複製代碼

其實用setTimeout裏面嵌套setTimeout也能夠實現，有興趣的能夠試一下

5、使用split+join

var arr=new Array(10).join(',').split(',').map((item,index)=>{
           return index;
       })
        console.log(arr);
複製代碼

這裏爲啥要用join(',').split(',')搞一把，new Array(10)生成的每一項都爲空，map循環的時候會跳過空項

6、遞歸

var arr=[];
function makeArr(count,arr){
 count--;
 arr.unshift(count);
 if(count==0){
     return;
 }else{
    makeArr(count,arr);  
 }
}
makeArr(10,arr);
console.log(arr);
複製代碼