【js】基础篇（持续更新）

最新推荐文章于 2023-11-03 21:40:11 发布

Point酱

最新推荐文章于 2023-11-03 21:40:11 发布

阅读量127

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/weixin_40571965/article/details/121038708

版权

前端专栏收录该内容

41 篇文章 0 订阅

订阅专栏

这篇博客分享了Vue中使用v-for反向显示数组元素的方法，以及如何为数组元素随机赋值。同时，展示了如何根据特定条件从Json数组中筛选并创建新的Json数组。通过对item.score的判断，将数据分别归类到不同的数组中。

摘要由CSDN通过智能技术生成

记录下。。。持续更新

1、反向显示index

v-for="(item, index) in this.showTreeData"

2、随机数赋值

item.score = 5 + parseInt(5 * Math.random())

3、从Json数组中提取所需值，组成新的Json数组

 this.level2.map((item) => {
        if (
          (item.score > 1 || item.score == 1) &&
          (item.score < 3 || item.score == 3)
        ) {
          this.jiaocha.push({
            name: item.name,
            score: item.score,
          });
        } else if (
          (item.score > 3 || item.score == 4) &&
          (item.score < 7 || item.score == 7)
        ) {
          this.chabuduo.push({
            name: item.name,
            score: item.score,
          });
        } else if (
          (item.score > 7 || item.score == 8) &&
          (item.score < 10 || item.score == 10)
        ) {
          this.good.push({
            name: item.name,
            score: item.score,
          });
        }
      });