前端处理接口数据常用方法
创始人
2024-03-21 06:13:52
0

一.数组
1.去掉数组中undefind
const data = [1, 2, undefined];
const pureData = data.filter(element => element !== undefined);
2.去掉数组中undefind、‘’、null
const bad = [undefined, ‘’, null];
const data = [1, 2, undefined, null, ‘’];
const pureData = data.filter(element => !bad.includes(element)); // [1, 2];
// 最简单的写法
const pureData = data.filter(element => element); // [1, 2];
3.数组分类(数组结构变成map结构)
const animals = [
{
“value”: 4238,
“name”: “dog”
},
{
“value”: 35203,
“name”: “cat”
},
{
“value”: 10217,
“name”: “dog”
},
{
“value”: 3237,
“name”: “cat”
}
]

const pureData = animals.reduce(function(sum, curValue) {
const value = { …curValue };
sum[curValue.name] = sum[curValue.name] ? sum[curValue.name].concat(value) : [value];
return sum;
}, {});
console.log(pureData)
/*
{
dog:
[{ value: 4238, name: ‘dog’ }, { value: 10217, name: ‘dog’ }],
cat:
[{ value: 35203, name: ‘cat’ }, { value: 3237, name: ‘cat’ }]
}
*/
二.对象
1.部分复制对象
const data = {name: ‘伍六七’, age: 12, sex: ‘male’, height: 188};
const {name, age, sex} = data;
const partObj = {name, age, sex}; // {name: “伍六七”, age: 12, sex: “male”}

相关内容

热门资讯

金证股份(600446)披露拟... 截至2025年12月26日收盘,金证股份(600446)报收于15.75元,较前一交易日下跌0.19...
央行:进一步丰富维护金融市场稳... 每经AI快讯,央行网站12月26日消息,中国人民银行近日发布了《中国金融稳定报告(2025)》。下一...
新华鲜报丨利好跨国公司!这项跨... 新华社北京12月26日电(记者刘开雄、吴雨)中国人民银行、国家外汇管理局12月26日发布通知,在总结...
日元空头共识渐成:2026年或... 随着日本央行最新加息举措未能提振汇率,华尔街对日元的看空情绪再度升温,市场正逐渐形成日元将长期疲软的...
北平锋:民进党当局对所谓“两岸... 12月26日,台湾《中国时报》报道,陆委会近日推动所谓“两岸人民关系条例”四项修正,包含:公务员赴陆...
AI核心产业超万亿,工信部将完... 今年,工业经济顶压前行、向新向优发展,展现强大韧性和活力。 12月25日至26日,全国工业和信息化工...
神州泰岳(300002)披露全... 截至2025年12月26日收盘,神州泰岳(300002)报收于11.37元,较前一交易日上涨0.09...
车企起诉电池企业第一案!吉利旗... 出品 | 搜狐汽车·汽车咖啡馆 作者 | 胡耀丹 2024年底发出的回旋镖,在2025年底向欣旺达疾...
海南产经新观察:封关政策释红利... 中新网海南东方12月26日电 (陈英清)“海南自贸港封关运作顺利实施,政策红利持续释放,南繁水稻制种...