Javascript 自动获取HTML中的数组位置_Javascript_Html_Arrays

Javascript 自动获取HTML中的数组位置

javascript html arrays

Javascript 自动获取HTML中的数组位置,javascript,html,arrays,Javascript,Html,Arrays,我有很多阵列，有的高达60，有的高达100。我正在尝试为所有数组获取此数组0位置的文本。对不起，我不知道如何正确地提出这个问题。我不想每次打100次（问候语[0]）[1]等等。这是到目前为止我的代码。有人能帮我吗！问候语[0]等实际上一直持续到60等。如果iitem[0]）.join（）；我在下面给出了一个稍微修改过的代码。希望这是您正在寻找的。由于您是新手，建议不要在代码中使用window.prompt。探索其他方法。同时将函数词更改为Class Word。我认为您试图创建一个类，但给出了错

我有很多阵列，有的高达60，有的高达100。我正在尝试为所有数组获取此数组0位置的文本。对不起，我不知道如何正确地提出这个问题。我不想每次打100次（问候语[0]）[1]等等。这是到目前为止我的代码。有人能帮我吗！问候语[0]等实际上一直持续到60等。如果i 编辑问题更新。另外，我的一些数组的格式是greeting[0]=new greeting[“Hola”、“Salve”、“Olá”]。我必须这样做，因为我使用了这三个选项。有什么方法可以让这个过程自动化吗

编辑问题-更新1 因此，我更新了代码，使其更能代表我想问的问题。基本上，我想在这里提供一个按钮，以便在单击按钮时可以看到我可以选择的所有英语单词。因此，我想做一些事情，例如获取问候语0、1等中英语单词的值，并分别显示它们，以便我们可以选择哪个E我们想要的是英语单词，而不仅仅是数字，因为我们不知道数字代表什么。有人能帮我吗

<!DOCTYPE html>
<html>
<head>
</head>
<body>

    <p id="English"> Select English Word </p>

    <p id="French"> Click below button </p>

    <p id="Italian"> Click below button </p>

    <button onclick="Another()"> CLick </button>


    <script type="text/javascript" src="./script.js"></script>

</body>
</html>

我建议使用

Array.map（回调）

（请参阅：）

document.getElementById（'something'）.innerHTML=greeting.map（item=>item[0]）.join（
）；

我在下面给出了一个稍微修改过的代码。希望这是您正在寻找的。由于您是新手，建议不要在代码中使用window.prompt。探索其他方法。同时将

函数词更改为Class Word
。我认为您试图创建一个类，但给出了错误的关键字。而不是prompt，我用过单选按钮
<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p>Select Language:</p>
    <input type="radio" id="English" name="language" value="English">
    <label for="English">English</label><br>
    <input type="radio" id="French" name="language" value="French">
    <label for="French">French</label><br>
    <input type="radio" id="Italian" name="language" value="Italian">
    <label for="Italian">Italian</label><br>
    <input type="radio" id="Spanish" name="language" value="Spanish">
    <label for="Spanish">Spanish</label><br>
    <button onclick="Another()">Click</button>
    <p id="msg"></p>
<script>
class Word {
    constructor(English,French,Italian){
    this.English = English ;
    this.French = French ;
    this.Italian = Italian ;
    }
} ;
var greeting = [];
greeting[0] = new Word("Hi", "salut", "Ciao") ;
greeting[1] = new Word("Hello", "Salve", "Ciao") ;
greeting[2] = new Word("Welcome", "Bienvenue", "benvenuta") ;
greeting[3] = new Word("Good Day", "Bonne journée", "Buona giornata") ;



function Another() {

let optionSelected = document.querySelector('input[name="language"]:checked').value; 
document.getElementById('msg').innerHTML += 'You selected:'+optionSelected;
for(let i=0;i<greeting.length;i++){
document.getElementById('msg').innerHTML += '<br>' + greeting[i][optionSelected];    
}
}


</script>

</body>
</html>


选择语言：
英语

法语

意大利语

西班牙语

点击

类词{
建造师（英语、法语、意大利语）{
这个。英语=英语；
法语=法语；
这个。意大利语=意大利语；
}
} ;
var=[]；
问候语[0]=生词（“你好”、“敬礼”、“再见”）；
问候语[1]=生词（“你好”、“药膏”、“再见”）；
问候语[2]=新词（“欢迎”、“欢迎”、“本维努塔”）；
问候语[3]=新词（“早安”、“晚安”、“布欧娜·乔尔纳塔”）；
函数另一个（）{
让optionSelected=document.querySelector（'input[name=“language”]：checked'）。值；
document.getElementById（'msg'）。innerHTML+='您选择：'+选项selected；
对于（让i=0；iYou可以按照自己的流程将找到的元素推送到一个新数组中，只需console.log
新数组。是的！我试过了。但没有成功。我仍在学习javascript。所以我还不知道如何实现我想要的！怎么会不成功？@Rojo简单地说，我不知道怎么做o当你遇到错误时，就这样做，将错误复制并粘贴到谷歌上！这就是我学习的方式。我还在网上学习。你也可以给我看错误，我可能会翻译。非常感谢！这就解决了问题。但我的一些数组有这种格式。问候语=新问候语[“Hola”，“Salve”，“Olá”]。这对他们不起作用。有什么办法可以解决这个问题吗？new Greets
创建类Greets
的一个实例。请显示您定义该类的位置。请看这是一篇有用的文章。谢谢。我已经更新了代码，以便更能代表我的要求。请看一看。@KarthiDiamond97我想是的您正在搜索元素。（请参阅：）。我将您的代码转换为小提琴：谢谢！但我的一些数组具有这种格式。问候语=新问候语[“Hola”、“Salve”、“Olá”]。这对他们不起作用。有没有办法让他们在这种情况下工作？不知道你在问什么。你是说像这样实例化的问候语[2]=新数组（“Hola”、“Salve”、“Olá”）使用数组关键字。你提到的问候是什么。是的！我已经更新了代码以更清楚地表达我的观点。请看一下，并让我知道如何进行。
document.getElementById('something').innerHTML = greeting.map(item=>item[0]).join("<br>");

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <p>Select Language:</p>
    <input type="radio" id="English" name="language" value="English">
    <label for="English">English</label><br>
    <input type="radio" id="French" name="language" value="French">
    <label for="French">French</label><br>
    <input type="radio" id="Italian" name="language" value="Italian">
    <label for="Italian">Italian</label><br>
    <input type="radio" id="Spanish" name="language" value="Spanish">
    <label for="Spanish">Spanish</label><br>
    <button onclick="Another()">Click</button>
    <p id="msg"></p>
<script>
class Word {
    constructor(English,French,Italian){
    this.English = English ;
    this.French = French ;
    this.Italian = Italian ;
    }
} ;
var greeting = [];
greeting[0] = new Word("Hi", "salut", "Ciao") ;
greeting[1] = new Word("Hello", "Salve", "Ciao") ;
greeting[2] = new Word("Welcome", "Bienvenue", "benvenuta") ;
greeting[3] = new Word("Good Day", "Bonne journée", "Buona giornata") ;



function Another() {

let optionSelected = document.querySelector('input[name="language"]:checked').value; 
document.getElementById('msg').innerHTML += 'You selected:'+optionSelected;
for(let i=0;i<greeting.length;i++){
document.getElementById('msg').innerHTML += '<br>' + greeting[i][optionSelected];    
}
}


</script>

</body>
</html>