vue从一个数组中随机读取5条数据存储在另一个数组中

因为要做一个随机文章的内容,所以需要从后台传回的数据中随机读取几个数据,找到了下面的办法。

  methods:{
    /* 随机获取数组中的数据*/
    getRandomArrayElements(arr, count) {
      var shuffled = arr.slice(0),
        i = arr.length,
        min = i - count,
        temp, index;
      while (i-- > min) {
        index = Math.floor((i + 1) * Math.random());
        temp = shuffled[index];
        shuffled[index] = shuffled[i];
        shuffled[i] = temp;
      }
      return shuffled.slice(min);
    },
    /*从数组中随机读取*/
    getRandomNum(){
      this.randomArticles = this.getRandomArrayElements(this.articleRes.contents,5);
      console.log(this.randomArticles);
    },
    /*获取需要处理的数组*/
    listArticles(){
      api.listArticle(this.page,this.size).then(res =>{
        if (res.code === api.SUCCESS_CODE){
          this.articleRes = res.data;
        }
      })
    }
  },

index = Math.floor((i + 1) * Math.random());这是向下取整的随机数取法,会生成1~i之间的数字。

版权声明:
作者:北忘山
文章:vue从一个数组中随机读取5条数据存储在另一个数组中
链接:https://www.beiwangshan.com/archives/296.html
来源:beiwangshan.com
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>