javascript - 如何从数组中去掉美元符号并只保留数字？ js

Question

使用下面的代码，我尝试通过 javascript 中的类名获取元素，并将它们存储在数组中。

这是我得到的输出:“我得到这个输出初始价格数组 $ 30.00，$ 20.00，$ 40.00”

我的问题是如何从数组中去掉 $ 符号并仅存储数字？像这样初始价格 = [20, 30, 40]？

var initialprices = document.getElementsByClassName("price");
var initialprice = [];
flag = false;
//for every element in initialprices array get their value from innerhtml
for (var i = 0; i < initialprices.length; i++) {
  initialprice.push(initialprices[i].innerHTML);
  console.log("the initial prices array " + initialprice);
}

<p class ="price">$ 30.00</p>
<p class ="price">$ 20.00</p>
<p class ="price">$ 40.00</p>

Answer 1

使用replace，然后用一元加号转换为数字。Array.from 函数可以将 DOM 元素映射到这些数字:

var initialprices = Array.from(document.querySelectorAll(".price"),
                               price => +price.textContent.replace("$", ""));
console.log(initialprices);

<p class ="price">$ 30.00</p>
<p class ="price">$ 20.00</p>
<p class ="price">$ 40.00</p>