Javascript 使用数组保存和打印列表
我需要帮助打印和保存javascript数组中的元素。我知道我必须创建一个数组,然后使用for循环来保存和打印它,但我不知道怎么做。我想做的是制作一个简单的货币转换器,使用一个带有数组的for循环来保存转换后的输入并显示它。这是我的密码: JAVASCRIPTJavascript 使用数组保存和打印列表,javascript,Javascript,我需要帮助打印和保存javascript数组中的元素。我知道我必须创建一个数组,然后使用for循环来保存和打印它,但我不知道怎么做。我想做的是制作一个简单的货币转换器,使用一个带有数组的for循环来保存转换后的输入并显示它。这是我的密码: JAVASCRIPT var input = document.querySelector("#input"); var convert = document.querySelector("#convert"); var dollar = 0.51; var
var input = document.querySelector("#input");
var convert = document.querySelector("#convert");
var dollar = 0.51;
var euro = 0.11;
omvandla.onclick = function (){
if(isNaN(input.value)){
alert ("Use numbers");
}
else{
console.log(("Dollar:" + input.value*dollar) + ("Euro:" + input.value*euro));
}
};
HTML
克朗:
如何将转换后的值附加到submit按钮之后?在javascript中,向数组添加元素的方式是push函数
var myArray = [];
myArray.push(15);
然后在元素之间循环,你可以这样做
for(var elem in myArray){
//Do something with elem
}
从您的问题描述中,很难找出您试图对代码执行的操作。希望这将有助于数组操作查看数组的for()语句
for( var i = 0; i < myarray.length; i++ ){
// ...statements ie document.write("<li> "+myarray[i]);
}
最终您需要编写html和代码,这主要是为您指明方向,而不是试图编写代码。您可以使用
array.push()函数将元素添加到数组的末尾。我以你为例,你会做如下事情:
array = [];
...
omvandla.onclick = function (){
if(isNaN(input.value)){
alert ("Use numbers");
}
else{
console.log(...);
array.push(input.value);
}
};
如果您想一个接一个地显示转换结果,可以这样做:
var input = document.querySelector("#kronor");
var convert = document.querySelector("#convert");
var dollar = 0.51;
var euro = 0.11;
var conversionArray = [];
convert.onclick = function (){
if(isNaN(input.value)){
alert ("Use numbers");
}
else{
var dollarResult = input.value*dollar;
var euroResult = input.value*euro;
var newArrayEl = {
dollar: dollarResult,
euro: euroResult
};
conversionArray.push(newArrayEl);
console.log(conversionArray);
document.getElementById("convertedValue").innerHTML = "Dollar: " + dollarResult + " Euro: " + euroResult + "<br>" + document.getElementById("convertedValue").innerHTML;
}
};
var input=document.querySelector(“#kror”);
var convert=document.querySelector(#convert”);
var美元=0.51;
欧元风险值=0.11;
var转换数组=[];
convert.onclick=函数(){
if(isNaN(输入值)){
警告(“使用数字”);
}
否则{
var dollarResult=输入值*美元;
var euroResult=输入值*欧元;
var newArrayEl={
美元:美元,
欧元:欧元结果
};
转换数组推送(newArrayEl);
console.log(conversionArray);
document.getElementById(“convertedValue”).innerHTML=“美元:”+dollarResult+“欧元:”+euroResult+”
“+document.getElementById(“convertedValue”).innerHTML;
}
};
然后您可以通过例如conversionArray[indexOfElement].dollar来访问转换的单个值
这样,就不需要数组来存储值。如果你真的需要这些值,让我知道,我会告诉你如何存储数组
,这显示了它是如何工作的。这似乎是有效的代码,那么问题出在哪里呢?您可以使用array[i]
语法访问数组的元素,其中i是您要访问的元素的编号。我正在尝试做一个货币转换器,数组应该打印出转换后的输入,然后一个接一个地作为列表打印出来。好的,我怎么写才能添加来自“input.value*euro”的值然后在WebSide?@user3116639中打印它,添加input.value*euro
的值,只需将其传递给array.push()
函数,如:array.push(input.value*euro)
,但仍然没有显示。。我的html代码如下所示:Kronor:
@user3116639您似乎不理解JavaScript数组。JavaScript数组只是JavaScript的一种数据结构。它们不会在html中显示自己。“它”到底是什么,没有显示什么。好的。我可以使用什么来显示数组中的元素?在我的情况下如何使用?这是我想要的,但欢迎您向我演示如何存储数组,因为我不知道如何存储该数组。:)我更新了代码和小提琴;)在控制台中,您可以看到您的阵列,您在哪里进行了更改?我看不到它:当我在小提琴中测试它时,控制台说:uncaughtreferenceerror:输入未定义fc!!:)但我想问的最后一件事是,如何让数字达到两位小数^^
// $table is an associated array of dollar rates
$table = {
euro:1.37,
Yuan:0.16,
yen:0.0096}
/* associated arrays can be accessed in two ways,
as a property or [] index of which allows a variable to be used.
using the indexOf method helps use today. */
yen = 4500;
alert("value of yen in dollars "+ yen * $table.yen);
alert("value of yen in dollars "+ yen * $table['yen']);
// basic HTML interface to dropdown and input text bos
var htmldropdownobject = document.getElementById("convertFrom"); /* document.querySelector could be used, I'm old school */
var htmltextinputobject = document.getElementById("textbox_amount");
var typeOfMoney = htmldropdownobject.options[htmldropdownobject.selectedIndex].value;
var amount = htmltextinputobject.value;
// conversion.
alert("value of " + typeOfMoney + " in dollars"+ amount * $table.[typeOfMoney]");
array = [];
...
omvandla.onclick = function (){
if(isNaN(input.value)){
alert ("Use numbers");
}
else{
console.log(...);
array.push(input.value);
}
};
var input = document.querySelector("#kronor");
var convert = document.querySelector("#convert");
var dollar = 0.51;
var euro = 0.11;
var conversionArray = [];
convert.onclick = function (){
if(isNaN(input.value)){
alert ("Use numbers");
}
else{
var dollarResult = input.value*dollar;
var euroResult = input.value*euro;
var newArrayEl = {
dollar: dollarResult,
euro: euroResult
};
conversionArray.push(newArrayEl);
console.log(conversionArray);
document.getElementById("convertedValue").innerHTML = "Dollar: " + dollarResult + " Euro: " + euroResult + "<br>" + document.getElementById("convertedValue").innerHTML;
}
};