# 操作数组常用方法
# 数组随机化排序
- 改变原数组的方式
const array = [1, 2, 3, 4];
for (let i = 0, len = array.length; i < len; i++) {
// 获取数组的随机索引
const randomIndex = Math.floor(Math.random() * len);
const temp = array[i];
array[i] = array[randomIndex];
array[randomIndex] = temp;
}
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
- 将数据在
Vue中映射到视图的方式
2.1 数组变异方法修改
const array = [1, 2, 4, 5];
for (let i = 0, len = array.length; i < len; i++) {
const randomIndex = Math.floor(Math.random() * len);
const temp = array[i];
array.splice(i, 1, array[randomIndex]);
array.splice(randomIndex, 1, temp);
}
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
2.2 赋值新数组
// 这里假设 Vue 实例的`data`是这样
// data(){
// return {
// array:[1,2,4,5]
// }
// }
const copyArray = this.array.slice();
for (let i = 0, len = copyArray.length; i < len; i++) {
// 获取数组的随机索引
const randomIndex = Math.floor(Math.random() * len);
const temp = copyArray[i];
copyArray[i] = copyArray[randomIndex];
copyArray[randomIndex] = temp;
}
this.array = copyArray;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# 数组去重
const arr = [1, 3, 4, 3, 5, 3];
function uniq(arr) {
for (let i = 0, l = arr.length; i < l; i++) {
for (let j = i + 1, len = arr.length; j < len; j++) {
if (arr[i] === arr[j]) {
arr.splice(j, 1);
len--;
}
}
}
return arr;
}
uniq(arr);
console.log(arr); // [1,3,4,5]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17