vue.js 如何停止在foreach循环的最后一个元素添加逗号[duplicate]

cygmwpex 于 2023-03-09 发布在 Vue.js

关注(0)|答案(2)|浏览(227)

- 此问题在此处已有答案**：

Loop to print iterations separated with a comma, with no comma at the end（4个答案）
7天前关闭。
我怎么能停止添加逗号时，在最后的元素，如ABC1不应该添加逗号。

代码示例在这里〉〉Sample

methods:{
    test(){
      this.Aarray.forEach((value)=>{
        this.Codes += value.Code +',';
      });
      console.log(this.Codes);
    }
  },
  data(){
    return{
      Codes:'',
      Aarray:[
        {Code:'ABC12345'},
        {Code:'ABC1234'},
        {Code:'ABC123'},
        {Code:'ABC12'},
        {Code:'ABC1'},
      ]
    }
  }

vue.js

来源：https://stackoverflow.com/questions/75601723/how-to-stop-add-comma-at-last-element-of-the-foreach-loop

2条答案

按热度按时间

o8x7eapl1#

简单地说，我们可以简单地切掉最后一个悬空的逗号。

methods: {
    test() {
        this.Aarray.forEach((value) => {
            this.Codes += value.Code +',';
        });
        console.log(this.Codes.slice(0, -1));
    }
},

赞(0）回复(0）举报 2023-03-09

cngwdvgl2#

您可以简单地使用分隔符变量：

methods: {
    test() {
        let sep = '';
        this.Codes = '';
        this.Aarray.forEach((value) => {
            this.Codes += sep value.Code;
            sep = ', ';
        });
        console.log(this.Codes);
    }
},

这样，分离器可以是复杂。
提示：我认为test()必须重置this.Codes每次需要建立。

赞(0）回复(0）举报 2023-03-09

我来回答

vue.js 如何停止在foreach循环的最后一个元素添加逗号[duplicate]

2条答案

相关问题

热门标签

最新问答