React Jsは配列内の項目を見てヌルを確認します

Question

私は自分のWeb APIから取得している配列を持っていますが、nullフィールドを確認できるようにしたい場合はnullを''に変更します私はヌルとしてBuildingNumberを返します。この

console.log(result.data[0]) 

を行う必要があり、実際の配列を読み取るために、この

に取り掛かります。どのように私はそれがnullであるかどうか、あなたが複数のnullフィールドを持っているかもしれない別の人の場合は、すべての項目をチェックします。

Answer 1

はちょうどあなたがあなたの配列内のすべてのアイテムを反復処理するようなarray's map methodを、使用することができるマップ機能arr.map(e => e === null ? '' : e)

Answer 2

反復して確認してください：あなたしている環境はES6仕様をサポートしている場合

が

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

Answer 3

を使用し、新しい配列を返します。このプロセス中に、与えられた要素を望みどおりに変換することができます。たとえば：

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

fixedArrayは、次の配列[1, 2, '', 3]を持つことになります。

ES6を使用していない場合は、共通のループを使用して各項目をチェックし、それに応じて新しい配列にプッシュすることができます。空の文字列配列内のnullの値を持つすべての項目を変更します。

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

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

Answer 4

は、あなたがされて達成したいことのように思えます。

これは、.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