javascript - 数组链导致未定义

Question

我有这个字符串数组，它是我在更大的列表中实现的一系列数组方法的结果。请参阅下面的链和数组:

["Coursing", "hunting", "guarding", "Hunting", "Guarding", "pulling", "Hauling", "Fighting", "flushing", "retrieving", "herding", "Herding", "Killing", "Trailing", "ratting", "Bolting", "droving", "Driving", "defending", "Flushing", "Accompanying", "Rat-baiting", "Retrieving", "holding", "trailing", "Luring", "Ratting", "fishing", "bolting", "Carrying", "Pulling", "Pointing", "racing"] 

    const initialFilter = this.props.dogs
                .map((dog) => dog.bred_for)
                .join(' , ')
                .split(' ')
                .filter((word) => {
                    return word.endsWith('ing');
                });

现在，当我应用最后一个方法 forEach() 时，该方法应该将字符串转为小写，它会打印 undefined。不知道为什么。请参阅下面的完整链。

        const initialDogsBreedForFilter = this.props.dogs
                .map((dog) => dog.bred_for)
                .join(' , ')
                .split(' ')
                .filter((word) => {
                    return word.endsWith('ing');
                })
                .forEach((word) => word.toLowerCase());

任何想法为什么会发生这种情况？

Answer 1

forEach只是遍历数组。从那里返回不会做任何事情。您应该使用 map()这里

const initialDogsBreedForFilter = this.props.dogs
                .map((dog) => dog.bred_for)
                .join(' , ')
                .split(' ')
                .filter((word) => {
                    return word.endsWith('ing');
                })
                .map((word) => word.toLowerCase());