Vérifiez si la balise img src est vide, nulle ou non définie

Question

Je prends des données JSON et je traite ces données pour les insérer dans les balises HTML appropriées. Parfois, les données JSON ne contiennent aucune information ou ne sont tout simplement pas disponibles. Dans l'exemple donné, src est vide ou le kicker n'est pas présent, ce qui donnerait quelque chose comme {} ou undefined ou '' ou null à cette ligne :

document.getElementById("placeholder_" + (k)).src = jsonData[i].src;

J'ai cherché une solution au tableau et je l'ai essayée, mais sans succès. Ou peut-être que je ne comprends pas la logique. Quelques exemples qui n'ont pas fonctionné pour moi :

document.getElementById('id2').src = json.img2 ? json.img2.link : 'defaultLink';

Ou j'ai recherché ce lien :

JSON est parfois indéfini - comment puis-je vérifier ?

Ceci est mon extrait de code, je veux vérifier s'il y a des données (url) dans jsonData[i].src. Comment puis-je faire ceci? Dans la deuxième partie, src est vide et dans la troisième partie, le kicker est absent. Comment vérifier?

var jsonData = [
    {
    src: 'https://www.w3schools.com/tags/img_girl.jpg',
    kicker: 'Kyiv',
    headline: 'Grief and defiance in city on first anniversary of war in Ukraine',
  },
  {
    src: '',
    kicker: 'Russia',
    headline: 'how can Ukraine win? And what is the feeling within Russia?',
  },
  {
    src: 'https://www.w3schools.com/tags/img_girl.jpg',
    
    headline: 'how can Ukraine win? And what is the feeling within Russia?',
  }
  ]
  
 $(document).ready(function () {
    var k = 1;
    //loop through json data and insert into corresponding divs
    for (var i = 0; i < jsonData.length; i++) {
        document.getElementById("placeholder_" + (k)).src = jsonData[i].src;
        document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].kicker;
        document.getElementById("placeholder_" + (k = k + 1)).innerText = jsonData[i].headline;
        k = k + 1;
    }
    });

Answer 1

const imgElement = document.querySelector('img');
const imgSrc = imgElement.getAttribute('src');

if (!imgSrc || imgSrc.trim() === '') {
  console.log('Image src is empty, null or undefined');
} else {
  console.log('Image src is not empty');
}