Массив строк в Json с использованием JS ошибка преобразования только половины - PullRequest
0 голосов
/ 16 апреля 2020

У меня проблема с кодом ниже, когда я хочу преобразовать массив в JSON. Пожалуйста, смотрите мой код ниже:

<html>

<head>
</head>

<body style="text-align:center;" id="body">
  <p id="GFG_UP1" style="font-size: 16px;">

  </p>
  <p id="GFG_UP2" style="font-size: 16px;">
  </p>
  <button onclick="gfg_Run()">
    Convert
  </button>
  <p id="GFG_DOWN1" style="color:red;
    font-size: 20px; font-weight: bold;">
  </p>
  <p id="GFG_DOWN2" style="color:red;
    font-size: 20px; font-weight: bold;">
  </p>
  <script>
    var el_up1 = document.getElementById("GFG_UP1");
    var el_up2 = document.getElementById("GFG_UP2");
    var el_down1 = document.getElementById("GFG_DOWN1");
    var el_down2 = document.getElementById("GFG_DOWN2");
    var array1 = [34, 24, 31, 48];
    var array2 = [23, 43, 65, 52];
    var numberArray1 = [];
    var numberArray2 = [];
    for (i = 0; i < array1.length; i++) {
      numberArray1[i] = "number" + i + ':' + array1[i];
    }
    el_up1.innerHTML = "Array = [" + array1 + "]";;
    function gfg_Run() {
      el_down2.innerHTML =
        JSON.stringify(Object.assign(numberArray1));
    }

    for (i = 0; i < array2.length; i++) {
      numberArray2[i] = "number" + i + ':' + array2[i];
    }
    el_up2.innerHTML = "Array = [" + array2 + "]";;
    function gfg_Run() {
      el_down2.innerHTML =
        JSON.stringify(Object.assign(numberArray2));
    }
  </script>
</body>

</html>

дает вывод:

["number0:23","number1:43","number2:65","number3:52"]

не оба массива конвертируются

, как это должно выдавать оба:

["number0:34","number1:24","number2:31","number3:48"]
["number0:23","number1:43","number2:65","number3:52"]

1 Ответ

0 голосов
/ 16 апреля 2020
<html>
<head>
</head>
<body style = "text-align:center;" id = "body">
<p id = "GFG_UP1" style = "font-size: 16px;">

</p>
<p id = "GFG_UP2" style = "font-size: 16px;">
</p>
<button onclick = "gfg_Run()">
Convert
</button>
<p id = "GFG_DOWN1" style = "color:red;
font-size: 20px; font-weight: bold;">
</p>
<p id = "GFG_DOWN2" style = "color:red;
font-size: 20px; font-weight: bold;">
</p>
<script>
var el_up1 = document.getElementById("GFG_UP1");
var el_up2 = document.getElementById("GFG_UP2");
var el_down1 = document.getElementById("GFG_DOWN1");
var el_down2 = document.getElementById("GFG_DOWN2");
var array1 = [34, 24, 31, 48];
var array2 = [23, 43 ,65 ,52];
var numberArray1 = [];
var numberArray2 = [];
for (i = 0; i < array1.length; i++)
{
numberArray1[i] = "Phone" + i + ':'+array1[i];
}
el_up1.innerHTML = "Array = [" +array1+"]";;


for (i = 0 ; i < array2.length; i++)
{
numberArray2[i] = "Phone" + i + ':'+array2[i];
}
el_up2.innerHTML = "Array = [" +array2+"]";;
function gfg_Run(){
el_down1.innerHTML =
JSON.stringify(Object.assign(numberArray1));
el_down2.innerHTML =
JSON.stringify(Object.assign(numberArray2));
}
</script>
</body>
</html>
...