Javascript 映射用户数据数组

Javascript 映射用户数据数组,javascript,arrays,Javascript,Arrays,我对JS非常陌生,已经在一个问题上纠缠了一段时间。我的项目是一个卡片生成器,允许用户进入一个“困境”,随机抽取一张“策略”卡片,然后保存配对。我很难正确显示配对 let dataStore = [] let dilemma = ""; strategy = ""; function saveData() { newPair = {dilemma: userText.value, strategy: cardText.innerText}

我对JS非常陌生,已经在一个问题上纠缠了一段时间。我的项目是一个卡片生成器,允许用户进入一个“困境”,随机抽取一张“策略”卡片,然后保存配对。我很难正确显示配对

let dataStore = []

let dilemma = "";
    strategy = "";

function saveData() {
    newPair = {dilemma: userText.value, strategy: cardText.innerText};
    dataStore.push( newPair )
    displayData();
}

function doSmtElse( element ) {
 
    console.log( "element is here : " , element , element.dilemma , element.strategy)
 

    for (let index = 0; index < dataStore.length; index++) {
        const element = dataStore[index];
        doSmtElse(element )
    }
}

function displayData() {
 
    console.log( "dataStore is here : " , dataStore)
 

    for (let index = 0; index < dataStore.length; index++) {
        const element = dataStore[index];
        doSmtElse(element )
    }
}
let dataStore=[]
让困境=”;
策略=”;
函数saveData(){
newPair={困境:userText.value,策略:cardText.innerText};
dataStore.push(新对)
显示数据();
}
函数doSmtElse(元素){
log(“元素在这里:”,元素,元素。困境,元素。策略)
for(让index=0;index
对于
displayData
函数,我认为应该使用map方法来迭代数组,但到目前为止还没有成功。有什么建议吗

我已经在
saveData
功能中记录了
dataStore
,它显示了正确的信息,但我无法让它显示在Saved info框中。这就是我想要的
displayData
函数要完成的。让我知道我应该提供什么其他信息,我对这个过程非常陌生

当用户单击“保存策略”时,我在HTML中添加了一个onclick,它应该保存困境/策略配对,并显示在下面的框中。如果您需要我的所有代码,请告诉我。


/*这些线仅用于测试目的*/
var userText={value:“test”}
var cardText={innerText:“test123”}
/*测试结束…*/
让数据存储=[]
设dimension=”“//新数组();
strategy=”“//新数组();
/*
*@param
*@返回
*/
函数saveData(){
newPair={困境:userText.value,策略:cardText.innerText};
dataStore.push(新对)
//数据存储=[…数据存储,新对];
显示数据();
}
/*
*@param{element}obj1
*@返回
*/
函数doSmtElse(元素){
log(“元素在这里:”,元素,元素。困境,元素。策略)
返回“”+element.difficle+”:“+element.strategy+”

” } /* *@param *@返回 */ 函数displayData(){ log(“数据存储在此:”,数据存储) content=“” for(让index=0;index

文件

这里没有足够的钱继续下去。你能分享一下你的
displayData
的实现吗,你到底想让它做什么,你在哪里遇到了麻烦?刚刚更新了我的帖子。抱歉,如果我没有发布正确的信息,请告诉我您还想看什么您想显示什么?所有保存的对还是最后一对?如果要显示所有这些数据,则需要遍历数据存储阵列。您可以为此使用for循环,也可以在数组上使用.forEach(…)。如果您只想显示最后一个,您可以将newPair变量作为输入参数输入displayData函数,然后从那里开始。@mwallisch我已经更新了上面的代码,方法是使用for循环遍历数据存储数组(以显示所有保存的数据),但在HTML页面上实际显示它时遇到问题(并且打破了无限循环)我用这个方法迭代了数据存储阵列,当它记录正确的配对时,它似乎无限循环,而不在HTML页面上显示它们