简单的数组扁平化小技巧

//生成星级评分的代码
    const StartScore = rate => "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate);
    const start = StartScore(1);
    document.write(start)
    // start => "★★★"

    // 数组扁平化简单处理方法tostring
    const arr = [1, 2, 3, [4, 5, [6, 7]]];
    const flatten = arr.toString().split(',')
    console.log(flatten)
    // 优点:简单,方便,对原数据没有影响 缺点:最好数组元素全是数字或字符,不会跳过空位

    //join()
    const arr = [1, 2, 3, [4, 5, [6, 7]]];
    const newArr = arr.join(',').split(',')
    console.log(flatten)

    //flat
    const arr = [1, 2, 3, [4, 5, [6, 7]]];
    const flatten = arr.flat(Infinity)
    console.log(flatten)

    //文本溢出处理
    //单行
    // .single {
    //   overflow: hidden;
    //   white-space: nowrap;
    //   text-overflow: ellipsis;
    // }

    // //多行
    // .more {
    //   display: -webkit-box !important;
    //   overflow: hidden;
    //   text-overflow: ellipsis;
    //   work-break: break-all;
    //   -webkit-box-orient: vertical;
    //   -webkit-line-clamp: 2; //指定行数
    // }

  

posted @ 2020-12-22 08:15  帅了又帅的大猛  阅读(94)  评论(0编辑  收藏  举报