微信小程序快速筛选出对象数组中的某个属性值

需求

微信小程序中的某个网络请求会获取到一个数组，数组的每个元素都是对象，对象中有 iconUrl 属性。现在要获取这个数组中的所有iconUrl值。

小程序运行到微信开发者工具，控制台打印数据为：

分析

因为数据较多，而且 this.scrollList 是对象组成的数组，所以数据没有直接展示出来，我们需要一个个点开才能看到 iconUrl值。

挨个点开看iconUrl值，然后复制、粘贴到浏览器下载图片 虽然可行，但是太累效率也太低。

解决方法

数组转为 json 字符串

在代码中把 this.scrollList转为json字符串并打印：

console.log("this.scrollList", this.scrollList);
console.log("----------------------------------");
console.log(JSON.stringify(this.scrollList));

 

在浏览器控制台处理数据

打开浏览器，开一个新标签页，点击 控制台，定义一个测试变量 const testArray：

用 map() 处理数据

testArray.map(array => {
    console.log(array.iconUrl);
})

控制台打印出每个对象的 iconUrl。并且因为在浏览器中，字符串直接变成了链接，直接点击链接，就会跳转到新页面或者直接下载。

如果是跳转到新页面（如下图），按 Ctrl + S 快速另存图片，按 enter 快速保存。

结语

本来我打算把 json 字符串格式化后复制到 vscode 中，然后用快捷键选中 iconUrl 行，但看了看浏览器，突然灵机一动想到了 map()， 处理结果意外好 : )