时间戳

首页 > 解决方案 > JS Array.from() 将输入值记录到控制台

javascript - JS Array.from() 将输入值记录到控制台

问题描述

在 NODElist 上使用 Array.from() 后，如何从多个输入中获取 HTML 输入数字值，以便您可以登录到控制台并查看数组中的值？

let ips = document.querySelectorAll('input');
let arr_ips = Array.from(ips);
console.log(arr_ips);
<input type="number" value=100>
<input type="number" value=200>
<input type="number" value=600>

控制台结果如下，仅查找值： (3) [input, input, input] 0: input 1: input 2: input length: 3 proto : Array(0)

标签： javascriptarraysinput

解决方案

通过传递第二个参数 mapper 函数，您可以.value从每个参数中提取：

let ips = document.querySelectorAll('input');
let arr_ips = Array.from(ips, input => input.value);
console.log(arr_ips);
<input type="number" value=100>
<input type="number" value=200>
<input type="number" value=600>

推荐阅读