定时器的使用

题目:

let arr = [1,2,[3,4,[5,[6]]]] // 使用闭包实现每隔一秒打印 1,2,3,4

思路:其实很简单,两步,首先将数组进行展平,然后遍历并通过定时器进行打印

考点:块级作用域,展平函数的调用或手写,

代码(简洁版):

function delayPrint(arr){
    let arrFlattern = arr.flat(3);//指定展平层数
    for(let i = 0; i < arrFlattern.length; i++){
        setTimeout(() => {
            console.log(arrFlattern[i])}, i * 1000);
    }}

let arr = [1,2,[3,4,[5,[6]]]]
delay(arr);

复杂版:

手写展平函数或者判断层数:

let arr = [1, 2, [3, 4, [5, [6]]]];

// 展平数组(递归方式)
function flatten(arr) {
    let result = [];
    for (let i = 0; i < arr.length; i++) {
        if (Array.isArray(arr[i])) {
            result = result.concat(flatten(arr[i])); // 如果是数组则递归展平
        } else {
            result.push(arr[i]); // 否则直接添加
        }
    }
    return result;
}

let flattenedArr = flatten(arr); // 展平后的数组
let index = 0;

function printValue() {
    if (index < flattenedArr.length) {
        console.log(flattenedArr[index]);
        index++;
    } else {
        clearInterval(interval); // 如果打印完所有值,清除定时器
    }
}

let interval = setInterval(printValue, 1000); // 每秒打印一次

你可能感兴趣的:(前端,javascript,开发语言)