Javascript 如何获取数组中的每N个数？不行_Javascript_Arrays_Foreach_Componentsseparatedbystring

Javascript 如何获取数组中的每N个数？不行

javascript arrays

Javascript 如何获取数组中的每N个数？不行,javascript,arrays,foreach,componentsseparatedbystring,Javascript,Arrays,Foreach,Componentsseparatedbystring,我需要把前三个数字分开，然后把第四个数字分开。最后，代码应该如下所示：前三个数字：1,1,1第四个数字：2 前三个数字：3,3,3第四个数字：4 var numb = document.getElementById("text").innerHTML; var numb, text, fLen, i; fLen = numb.length; text = for (i = 0; i < fLen; i++) { text += "the first three numbers:"

我需要把前三个数字分开，然后把第四个数字分开。最后，代码应该如下所示：

前三个数字：1,1,1第四个数字：2

前三个数字：3,3,3第四个数字：4

var numb = document.getElementById("text").innerHTML;
var numb, text, fLen, i;
fLen = numb.length;

text = for (i = 0; i < fLen; i++) {
  text += "the first three numbers:" + numb[i] + "fourth number:"+ numb[i] +"<br>";
  }

document.getElementById("text").innerHTML = text;

var numb=document.getElementById（“text”）.innerHTML；
变量numb，text，fLen，i；
fLen=麻木长度；
text=for（i=0；i”；
}
document.getElementById（“text”）.innerHTML=text；

1,1,1,2,3,3,3,4

您可以使用不同的名称作为html元素的

id

，因为浏览器将此名称作为htis元素的变量。这是不可靠的使用

获取字符串，并用逗号将其拆分，如果索引小于数组的长度，则可以在空格后进行迭代

从数组中取出三个项目作为第一部分，另一个作为第四部分

var html=document.getElementById（“text”）.innerHTML，
values=html.split（/，\s*/），
结果=“”，
i=0；
而（i”；
}
document.getElementById（“text”）.innerHTML=result
1,1,1,2,3,3,3,4

编辑后不含lodash
<html>
    <div id="text">1, 1, 1, 2, 3, 3, 3, 4</div>
</html>

<script>
    var numb = document.getElementById("text").innerHTML.split(/,\s*/);
    console.log(numb)
    var chunk_array = []
    var i,j,temparray,chunk = 4;
    for (i=0,j=numb.length; i<j; i+=chunk) {
            temparray = numb.slice(i,i+chunk);
            chunk_array.push(temparray)
    }
    console.log(chunk_array)
    result =''
    chunk_array.forEach(element => result += "the first three numbers:" + element.slice(0,2).join(', ') + " fourth element: " + element[3] + "<br/>")
    console.log(result)
    document.getElementById("text").innerHTML = result;
</script>


1, 1, 1, 2, 3, 3, 3, 4
var numb=document.getElementById（“text”）.innerHTML.split（/，\s*/）；
console.log（numb）
var chunk_数组=[]
变量i，j，temparray，chunk=4；
对于（i=0，j=numb.length；i result+=“前三个数字：”+element.slice（0,2）。join（“，”）+“第四个元素：”+element[3]+“
”）
console.log（结果）
document.getElementById（“text”）.innerHTML=result；
对于这个简单的问题，包含一个完整的库可能有点过头了。一个简单的，索引上带模的if应该可以做到这一点吗？谢谢。这对你来说又快又容易。我想要实现的是在渐变颜色中向每个变量提取一个值。前一天我问了asm这个问题，但我在网上什么地方都没找到。目标是动态更改已存在的渐变。这是问题的链接，如果您能提供帮助，我将不胜感激。链接：
<html>
    <div id="text">1, 1, 1, 2, 3, 3, 3, 4</div>
</html>

<script>
    var numb = document.getElementById("text").innerHTML.split(/,\s*/);
    console.log(numb)
    var chunk_array = []
    var i,j,temparray,chunk = 4;
    for (i=0,j=numb.length; i<j; i+=chunk) {
            temparray = numb.slice(i,i+chunk);
            chunk_array.push(temparray)
    }
    console.log(chunk_array)
    result =''
    chunk_array.forEach(element => result += "the first three numbers:" + element.slice(0,2).join(', ') + " fourth element: " + element[3] + "<br/>")
    console.log(result)
    document.getElementById("text").innerHTML = result;
</script>