我使用 filter return array 得到 eslint 错误

Question

I get eslint error and how to I fix it?

 const filter = state.playListSetData.filter(item => {
                        // 若兩相符合，抓播放設定底下的其他資料
                        if (item.uuid === payload[i].playerList[j].uuid) {
                            return item;
                        }
                    });

error Expected to return arrow function array-callback-return
error Expected to return a value at the end of arrow function consistent-return

 for (let i = 0; i < payload.length; i += 1) {
                // i表示數量window //遍歷每個channel
                // window底下的播放清單
                for (let j = 0; j < payload[i].playerList.length; j += 1) {
                    // 遍歷每個window底下的播放清單
                    // 比對window的播放清單跟播放設定的播放清單
                    const filter = state.playListSetData.filter(item => {
                        // 若兩相符合，抓播放設定底下的其他資料
                        if (item.uuid === payload[i].playerList[j].uuid) {
                            return item;
                        }
                    });
                    // 塞入所有window1的檔案
                    if (i === 0) {
                        // 遍歷視窗1過濾播放清單底下的檔案
                        for (let x = 0; x < filter[0].player_items.length; x += 1) {
                            state.playList1.push(filter[0].player_items[x].file);
                        }
                    } else if (i === 1) {
                        // 塞入所有window2的檔案
                        // 遍歷視窗2過濾播放清單底下的檔案
                        for (let x = 0; x < filter[0].player_items.length; x += 1) {
                            state.playList2.push(filter[0].player_items[x].file);
                        }
                    } else if (i === 2) {
                        // 塞入所有window3的檔案
                        // 遍歷視窗3過濾播放清單底下的檔案
                        for (let x = 0; x < filter[0].player_items.length; x += 1) {
                            state.playList3.push(filter[0].player_items[x].file);
                        }
                    } else {
                        // 塞入所有window4的檔案
                        // 遍歷視窗4過濾播放清單底下的檔案
                        for (let x = 0; x < filter[0].player_items.length; x += 1) {
                            state.playList4.push(filter[0].player_items[x].file);
                        }
                    }
                }
            }

Answer 1

const filter = state.playListSetData.filter(item => {
                        // 若兩相符合，抓播放設定底下的其他資料
                        if (item.uuid === payload[i].playerList[j].uuid) {
                            return item;
                        }
                        return false;
                    });

如果你 return 某些情况下的东西，你的 linter 希望你明确地 return 所有情况下的东西。 return undefined 我想它更接近于它之前所做的，但对于过滤器来说都是一样的

或者干脆

const filter = state.playListSetData.filter(item => {
                        // 若兩相符合，抓播放設定底下的其他資料
                        return item.uuid === payload[i].playerList[j].uuid;
                    });

filter 只关心它是否为 truthy，并不真正使用 item 的值，并且由于您正在访问属性，它看起来总是 truthy，所以只是 return true。

我使用 filter return array 得到 eslint 错误

I use filter return array get eslint error

javascript

vue.js

vuex

eslint

eslint-config-airbnb