JavaScript 循環比較字符串 JSON

Question

我在比較一個簡單的循環和 if 條件時遇到了麻煩，試圖從返回的 JSON 文件中比較一個字符串並進行比較。 這是我的 JSON 文件

"interface": [["enp1s0", "e4:3a:6e:09:bb:d3", "10.0.0.250/24", "fe80::e63a:6eff:fe09:bbd3/64"], ["enp2s0", "e4:3a:6e:09:bb:d4", "192.168.0.250/24", "fe80::e63a:6eff:fe09:bbd4/64"], ["enp3s0", "e4:3a:6e:09:bb:d5", "unavailable", "unavailable"], ["enp4s0", "e4:3a:6e:09:bb:d6", "unavailable", "unavailable"]]}

這是我的 js 代碼，它嘗試比較是否定義了 ip 地址來填充 mt 表

  function getinterfaces() {
    $.getJSON('/getips/', function(data) {
      //  document.getElementById("enp1s0").setAttribute("data-value", data.interface)

      for (i = 1; i < 3; i++) {
        if (data.interface[i][2] === 'unavailable') {
          document.getElementById('enp' + i + 's0').textContent = data.interface[i][2];
        } else {
          document.getElementById('enp' + i + 's0').textContent = 'NOT ASSIGNED';
        }
      }
    });
  }

我有一張表格要從 json 文件中填寫

......
<td><span id="en1ps0"></span></td> .....
 <td><span id="en2ps0"></span></td> .....
 <td><span id="en3ps0"></span></td> .....
  <td><span id="en4ps0"></span></td>......

傑森

Answer 1

嘗試這個

JS：

function getinterfaces() {
      $.getJSON('/getips/', function(data) {

        for (let interface of data.interface) {
          const name = interface[0];
          const ip = interface[2];
          const element = document.getElementById(name);
          if (element) {
            if (ip !== 'unavailable') {
              element.textContent = ip;
            } else {
              element.textContent = 'NOT ASSIGNED';
            }
          }
        }
      })
    }

HTML :

<td><span id="enp1s0"></span></td>
<td><span id="enp2s0"></span></td>
<td><span id="enp3s0"></span></td>
<td><span id="enp4s0"></span></td>