javascript - 在每个数组元素后追加 '|'

Question

我有这个 JSON，我想做的是制作类似 Action |冒险|喜剧的类型

{
        "id": 1,
        "key": "deadpool",
        "name": "Deadpool",
        "description": "A former Special Forces operative turned mercenary is subjected to a rogue experiment that leaves him with accelerated healing powers, adopting the alter ego Deadpool.",
        "genres": [
            "action",
            "adventure",
            "comedy"
        ],
        "rate": 8.6,
        "length": "1hr 48mins",
        "img": "assets/images/movie-covers/deadpool.jpg"
    },
    {
        "id": 2,
        "key": "we-are-the-millers",
        "name": "We're the Millers",
        "description": "A veteran pot dealer creates a fake family as part of his plan to move a huge shipment of weed into the U.S. from Mexico.",
        "genres": [
            "adventure",
            "comedy",
            "crime"
        ],
        "rate": 7,
        "length": "1hr 50mins",
        "img": "assets/images/movie-covers/we-are-the-millers.jpg"
    }

我的组件代码片段

           data => {
                this.movies = data;
                var tempArr= data
                var genres;
               let genresWithPipe=[];          
                let len= tempArr.length;
                for(var i=0; i<len; i++){
                    genres=tempArr[i].genres+'|';
                   // console.log(tempArr[i].genres)
                 for(var j=0;j<genres.length; j++){
                    if(j<genres.length-1)
                    genres[j]= genres[j]+'|';
                    console.log(genres,data);
                    //genresWithPipe=genres;
                }
                }
                console.log(this.movies,genres)


            }

我曾尝试在我的组件中借助 for 循环来完成它，但是当我在 *ngFor 的帮助下在 html 中显示它时，因为它是一个局部变量，所以它不会显示。如果我将数组值存储在全局变量中，则该变量仅存储最后一个数组。

Answer 1

您可以使用 map 方法来实现您的要求并获得更清晰的解决方案。

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

此外，您可以使用 join 方法来获取结构 action|adventure|comedy 与 | 分隔符。

let array=[{ "id": 1, "key": "deadpool", "name": "Deadpool", "description": "A former Special Forces operative turned mercenary is subjected to a rogue experiment that leaves him with accelerated healing powers, adopting the alter ego Deadpool.", "genres": [ "action", "adventure", "comedy" ], "rate": 8.6, "length": "1hr 48mins", "img": "assets/images/movie-covers/deadpool.jpg" }, { "id": 2, "key": "we-are-the-millers", "name": "We're the Millers", "description": "A veteran pot dealer creates a fake family as part of his plan to move a huge shipment of weed into the U.S. from Mexico.", "genres": [ "adventure", "comedy", "crime" ], "rate": 7, "length": "1hr 50mins", "img": "assets/images/movie-covers/we-are-the-millers.jpg" }];       
 array=array.map(function(item){
    item.genres=item.genres.join('|');
    return item;
 });
 console.log(array);