vue用map找到数组中不为空的哪项数据
时间: 2024-02-01 08:14:50 浏览: 112
vue使用map代替Aarry数组循环遍历的方法
你可以使用JavaScript中的`Array.prototype.map()`方法来遍历数组并返回一个新的数组,然后使用`Array.prototype.filter()`方法筛选出不为空的项。
以下是示例代码:
```javascript
const arr = [null, 'hello', '', undefined, 'world'];
const result = arr.map((item, index) => {
return item ? index : null;
}).filter(item => item !== null);
console.log(result); // 输出 [1, 4]
```
在上面的代码中,我们首先定义了一个数组`arr`,它包含了一些空值和非空值。接着,我们使用`map()`方法遍历数组,并返回一个新的数组,其中每个项都是原数组中对应项的索引值(如果该项不为空),或者是`null`(如果该项为空)。最后,我们使用`filter()`方法筛选出不为空的项,即不等于`null`的项,并将它们保存在`result`数组中。
阅读全文