Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用数组保存和打印列表_Javascript - Fatal编程技术网

Javascript 使用数组保存和打印列表

Javascript 使用数组保存和打印列表,javascript,Javascript,我需要帮助打印和保存javascript数组中的元素。我知道我必须创建一个数组,然后使用for循环来保存和打印它,但我不知道怎么做。我想做的是制作一个简单的货币转换器,使用一个带有数组的for循环来保存转换后的输入并显示它。这是我的密码: JAVASCRIPT var input = document.querySelector("#input"); var convert = document.querySelector("#convert"); var dollar = 0.51; var

我需要帮助打印和保存javascript数组中的元素。我知道我必须创建一个数组,然后使用for循环来保存和打印它,但我不知道怎么做。我想做的是制作一个简单的货币转换器,使用一个带有数组的for循环来保存转换后的输入并显示它。这是我的密码:

JAVASCRIPT

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;

    }
};