vue2jszhong字符串/data/ 被split(‘/’)分割成数组后怎么去除数组中的空项

在Vue2中，如果你要处理字符串并且分割后去除空项，可以使用`split()`方法将字符串分割成数组，然后利用`filter()`方法过滤掉数组中的空项。以下是具体的步骤和代码示例：

1. 使用`split('/')`方法将字符串按斜杠`/`分割，这会生成一个包含各个部分的数组。
2. 使用`filter()`方法过滤数组，只保留非空字符串的元素。在`filter()`的回调函数中，你可以检查每个元素是否为空字符串。
3. `filter()`会返回一个新数组，这个数组只包含满足条件的元素。

这里是一个示例代码：

let str = '/data/element1//element2/';
let parts = str.split('/').filter(item => item !== '');
console.log(parts); // 输出: ['data', 'element1', 'element2']

在上述代码中，`str.split('/')`首先将`str`字符串按`/`分割成数组`['', 'data', 'element1', '', 'element2', '']`。随后`filter(item => item !== '')`将空字符串过滤掉，得到一个没有空项的新数组。

相关问题

vue里数组字符串 怎么转成数组

在Vue中，你可以使用JavaScript的split()方法将字符串转换为数组。split()方法接受一个分隔符作为参数，并将字符串分割成多个子字符串，然后将这些子字符串存储在一个数组中。

下面是一个示例，展示了如何将一个逗号分隔的字符串转换为数组：

// 字符串
var str = "苹果,香蕉,橙子,葡萄";

// 使用split()方法将字符串转换为数组
var arr = str.split(",");

console.log(arr); // 输出：["苹果", "香蕉", "橙子", "葡萄"]

在Vue中，你可以将上述代码放在Vue组件的方法中，并在需要的时候调用该方法来实现字符串到数组的转换。

vue将字符串用逗号分割成数组

你可以使用JavaScript中的split()方法，将字符串用逗号分割成数组。在Vue组件中，你可以在数据对象中定义一个字符串类型的属性，然后在模板中使用计算属性将该字符串转换为数组：

<template>
  <div>
    <p>原始字符串：{{myString}}</p>
    <p>转换后的数组：{{myArray}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      myString: 'a,b,c,d,e'
    }
  },
  computed: {
    myArray() {
      return this.myString.split(',')
    }
  }
}
</script>

在上面的代码中，我们定义了一个名为myString的字符串类型的数据属性，并初始化为'a,b,c,d,e'。然后，在计算属性myArray中，我们使用split()方法将myString字符串以逗号为分隔符分割成数组，并返回该数组。

最后，在Vue组件模板中，我们使用双花括号语法显示原始字符串和转换后的数组。