[JavaScript知识库]前端map循环遍历使用

map定义

Array.map() ?法返回?个新数组，数组中的元素为原始数组元素调?函数处理后的值，同时不会改变原来的数组

var newArra=[1,3,6,10,44];
var newArrays=newArra.map((index) => {
return index*index
})
console.log(newArra); //[1,3,6,10,44]
console.log(newArrays); //[1,9,36,100,1936]

定一个arrObj如下，如何取出id为空的值；

map使用方法

let arrObj=[
	{
		id: "",
		name: "测试1"
	},
	{
		id: "",
		name: "测试2"
	},
	{
		id: "2",
		name: "测试3"
	},
]
var arrstr=[];
let newArrObjArr=arrObj.map((item,index,array) => {
	if(item.id== "") {
		arrstr.push(item);
	}
})
console.log(arrstr);

如下图：
for循环使用方法

var arrstr1=[];
for(let i=0;i<arrObj.length;i++) {
	if(arrObj[i].id =="") {
		arrstr1.push(arrObj[i])
	}
}
console.log(arrstr1);

如下图：

注意： item 数组中正在处理的当前元素
index数组中正在处理的当前元素的索引
array map()方法被调用的数组

参考文章：map方法使用

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖