foreach的基本使用方法

66 阅读 0 评论 44 点赞

我是靠谱客的博主柔弱中心，这篇文章主要介绍foreach的基本使用方法，现在分享给大家，希望可以做个参考。

如果你需要通过 forEach 修改原数组，建议用 forEach 里面的参数 2 和参数 3 来做，具体请看下面的标准做法

forEach() 通过参数 2、参数 3 修改原数组：（标准做法）

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// 1、数组的元素是基本数据类型
let numArr = [1, 2, 3];
numArr.forEach((item, index, arr) => {
arr[index] = arr[index] * 2;
});
console.log(JSON.stringify(numArr)); // 打印结果：[2, 4, 6]
// 2、数组的元素是引用数据类型时，直接修改对象
let objArr = [
{ name: '云牧', age: 28 },
{ name: '许嵩', age: 34 },
];
objArr.forEach((item, index, arr) => {
arr[index] = {
name: '小明',
age: '10',
};
});
console.log(JSON.stringify(objArr));
// 打印结果：[{"name":"小明","age":"10"},{"name":"小明","age":"10"}]
// 3、数组的元素是引用数据类型时，修改对象的某个属性
let objArr2 = [
{ name: '云牧', age: 28 },
{ name: '许嵩', age: 34 },
];
objArr2.forEach((item, index, arr) => {
arr[index].name = '小明';
});
console.log(JSON.stringify(objArr2));
// 打印结果：[{"name":"小明","age":28},{"name":"小明","age":34}]
复制代码

总结：

如果纯粹只是遍历数组，那么，可以用 forEach() 方法

但是，如果你想在遍历数组的同时，去改变数组里的元素内容，那么，最好是用 map() 方法来做，map() 方法本身会返回一个经过处理后全新的数组，不要用 forEach() 方法，避免出现一些低级错误

8、饼状图中间显示数据、文字

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

series: [
label: {
show: false,
position: 'center',
formatter: "{b} nn{c} 人"//数据
},
emphasis: {
label: {
show: true,
fontSize: '15',
fontWeight: 'bold'
}
},
labelLine: {
show: false
}，
]