在循环内在Vue js中使用Split

时间:2018-08-27 10:10:51

标签: javascript laravel vue.js

我有一个api从db调用数据,其中一列存储了Image文件名。我想分割文件,并在DOT之后获取每个文件名的最后3个字母。我被困在这里:

     axios.get('/api/v1/chats/messages/' + this.chat).then(response => {

                this.result = response.data;
                this.details = this.result.data;

                for (var j = 0; j < this.details.length; j++) {
                    this.str = this.details[j].image;
                    this.details[j].image_type = this.str.split(".");
                }
                console.log(this.details)
            })
                .catch(error => {

                    toastr.error('Something went wrong', 'Error', {
                        positionClass: 'toast-bottom-right'
                    });

                    this.cancelAutoUpdate();
                });

如果有人可以帮助我,或者如果有其他方法可以在vue js中获取文件扩展名,请让我知道。谢谢:)

1 个答案:

答案 0 :(得分:2)

功能split通过分隔符将字符串分割成数组。您有一个数组,但是忘记获取您感兴趣的数组元素。

您需要将this.str.split(".");替换为this.str.split(".")[1]

const details = [
  {
    image: 'image1.jpg',
  },
  {
    image: 'image2.png',
  },
  {
    image: 'image3.gif',
  }
]

for (let detail of details) {
  let str = detail.image;
  detail.image_type = str.split(".")[1];
}

console.log(details)