javascript - 如何将 document.images 转换为 src 字符串数组？

Question

这个问题已经有答案了:

Javascript array map to propery (item => item[prop])? (1 个回答)

已关闭 6 年前。

使用Array.filter似乎返回了我传入的相同数组。

如何返回图像 src 字符串数组？而不是图像元素数组？

var collection = document.images;
var arr = [].slice.call(collection);
var filtered = arr.filter(function(x) { return x.src });

变量filtered是图像元素数组，而不是图像 src 字符串:/

Answer 1

尝试 map

The map() method creates a new array with the results of calling a provided function on every element in this array.

var collection = document.images;
var arr = [].slice.call(collection);
var srcArr = arr.map(function(x) { return x.src });

The filter() method creates a new array with all elements that pass the test implemented by the provided function.

在您的情况下，过滤器函数始终返回 url，我们需要一个在过滤器函数内返回 true 或 false 值的表达式。