React Js查看数组中的项并检查null

时间:2017-07-19 16:08:30

标签: javascript arrays reactjs jsx

我有一个数组,我从我的Web API获取,我希望能够检查任何空字段,如果他们将它们从null更改为''我将如何去做这个

读取我需要做的实际数组

console.log(result.data[0])

将BuildingNumber返回为null。我如何检查每个项目是否为null,就像你在另一个人身上可能有多个空字段一样。

4 个答案:

答案 0 :(得分:3)

只需使用地图功能arr.map(e => e === null ? '' : e)

答案 1 :(得分:0)

迭代并检查:

len = result.data.length
for(i=0; I<len; i++)
    if( result.data[i] === undefined)
        result.data[i] = ''

答案 2 :(得分:0)

如果您的环境支持ES6规范,那么您可以使用array's map method,它将迭代数组中的每个项目并返回一个新数组。在此过程中,您可以按照自己的喜好转换给定元素。例如:

var apiResponse = [1, 2, null, 3];
var fixedArray = apiResponse.map(function(item) {
    if (item === null) {
        item = '';
    }
    return item;
});
然后

fixedArray将拥有以下数组[1, 2, '', 3]

如果您不使用ES6,则可以使用通用循环检查每个项目并相应地推送到新阵列。

var apiResponse = [1, 2, null, 3];
var fixedArray = [];

apiResponse.forEach(function (item) {
    if (item === null) {
       fixedArray.push('');
    } else {
       fixedArray.push(item);
    }
});

答案 3 :(得分:0)

看起来你想要实现的是:将数组中值null的每个项更改为空字符串。

这是一个使用.map的好机会。

var resultWithChangedElements = result.data.map(function(item) {
  return item === null ? '' : item;
})

您可以详细了解其工作原理:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/map