vue.js 配列をランダムに取得(シャッフル、カット)
4981 ワード
vue.js 、 javascript側で
配列をシャッフルしてカットしたい
こんな感じ。
hoge.vue
<script>
export default {
data() {
return {
}
},
methods: {
getIkemen(){
let dataform = new FormData();
axios.post('/user/show/', dataform).then(e => {
//データをシャッフル
this.ikemenList = this.shuffle(e.data.res.data);
//配列をカットし、データを3つ取得
this.ikemenList = this.ikemenList.slice(0,3);
}).catch((error) => {
console.log(" イケメン取得 エラー");
});
},
shuffle(array) {
for (let i = array.length - 1; i > 0; i--) {
let r = Math.floor(Math.random() * (i + 1))
let tmp = array[i]
array[i] = array[r]
array[r] = tmp
}
return array;
},
}
};
</script>
Author And Source
この問題について(vue.js 配列をランダムに取得(シャッフル、カット)), 我々は、より多くの情報をここで見つけました https://qiita.com/ma7ma7pipipi/items/1f443af14de0954c60c3著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .