如何使用js將字串拆分為陣列-有解無憂

我有一個問題，為什么分配沒有得到回圈計算的資料量。

為什么demo2沒有統計所有的資料總數以及如何計算demo2中的資料量？

const demo1 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];

const demo2 = "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15";
const array_demo2 = [demo2];

let text1 = "";
let number1 = "";
for (let i = 0; i < demo1.length; i  ) {
  number1 = (i   1);
  text1  = demo1[i];
}

let text2 = "";
let number2 = "";
for (let i = 0; i < array_demo2.length; i  ) {
  number2 = (i   1);
  text2  = array_demo2[i];
}

document.getElementById("demo1").innerHTML = number1  ' = '  text1;
document.getElementById("demo2").innerHTML = number2  ' = '  text2;

<div style="display: flex"><p>Output 1 =></p>&nbsp;<p id="demo1"></p></div>
<div style="display: flex"><p>Output 2 =></p>&nbsp;<p id="demo2"></p></div>

uj5u.com熱心網友回復：

demo1 是一個陣列，意思是一個容器內有多個同型別的變數（陣列就是容器）

demo2 是一個單一的變數，一個字串。你可以

demo2.split(','); // to get an array like demo1, but it will be an array of strings.

array_demo2 是一個具有單個元素的陣列，即 demo2 字串。你可以

array_demo2[0].split(','); // to get an array like demo2/demo1

在此處閱讀有關陣列的更多資訊該文本適用于 C/ ，但在 Javascript 中陣列非常相似。

uj5u.com熱心網友回復：

const demo2 = "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15";
const array_demo2 = [demo2];

這不是將其轉換為數字的正確方法，您只是在陣列中傳遞一個字串，該字串將位于其第一個索引上，因此該陣列將只有 1 個長度。

就像你說的一樣：

let fruit = "apple"
let fruits = [fruit];

Fruits 陣列的第一個索引上總是只有一個水果。所以正確的方法是使用.split陣列的方法，所以在你的情況下它會是一些東西

const demo2 = "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15";
const array_demo2 = demo2.split(",");

現在它將拆分由“,”分隔的每個數字，并將其添加到陣列的新索引中。

uj5u.com熱心網友回復：

分配給變數的默認值是字串，結果字串連接正在發生，將其分配給 number 0。

array_demo2有一個字串 item "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15"，而不是您正在考慮的數字陣列。您可以使用split()and做到這一點map()：

const array_demo2 = demo2.split(',').map(Number);

演示：

const demo1 = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15];

const demo2 = "1,2,3,4,5,6,7,8,9,10,11,12,13,14,15";
const array_demo2 = demo2.split(',').map(Number);

let text1 = 0;
let number1 = 0;
for (let i = 0; i < demo1.length; i  ) {
  number1 = (i   1);
  text1  = demo1[i];
}

let text2 = 0;
let number2 = 0;
for (let i = 0; i < array_demo2.length; i  ) {
  number2 = (i   1);
  text2  = array_demo2[i];
}

document.getElementById("demo1").innerHTML = number1  ' = '  text1;
document.getElementById("demo2").innerHTML = number2  ' = '  text2;

<div style="display: flex"><p>Output 1 =></p>&nbsp;<p id="demo1"></p></div>
<div style="display: flex"><p>Output 2 =></p>&nbsp;<p id="demo2"></p></div>

轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/367446.html

標籤：javascript html for循环

上一篇：如何使用JavaScript匯出MySQL資料？

下一篇：反應動態輸入表單顯示錯誤一些問題