一.对于数组进行修饰返回一个新的数组;
01.描述。
我们工作常常会发现后端传过来的数据有些不仅仅键值为空,甚至都没有键,也就是我们常说的属性名,那我们就需要去修改一下,返回一个结构正常的数据;
02.代码。
const data = [{ id: 1, name: 'John' ,age:''},{ id: 2 },{ name: 'Jane' },{ id: 3, age: 30 }
];
const filteredData = data.map(item => ({...item, id: item.id || '不存在',age:item.age||'不存在啊1'}));
03.总结。
使用map是一个很方便的数组方法,可以return一个新的数组,代码量大大减少,初学对于map不太了解的话,可以查看一下es6的语法,对于一下forEach两者的区别。
二.对于数组元素进行判断,元素是否为空字符。
01.场景藐视。
比如说在默写情况,需要对于一些数据进行判断,全部的数据元素不能为空字符串,必须有内容才能往接口传参。
02.代码实现。
const data = [{ id: 1, name: 'John' ,age:''},{ id: 2 },{ name: 'Jane' },{ id: 3, age: 30 }];let tag = ''const ss = ['id','name','age']for(let i=0;i<data.length;i++){for(let j=0;j<ss.length;j++){if(data[i][ss[j]]===''){tag = truebreak}}}console.log(tag);
03.总结。
双重for循环是工作中非常常用的,必须重视。
路过的大咖,喜欢的话点个赞!万分感谢!