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>