arrays - Console.log与数组不匹配-6ren

arrays - Console.log与数组不匹配

转载作者：行者123 更新时间：2023-12-02 22:35:56

26

4

按下乐器声音按钮会播放声音。我试图匹配console.log上的每个数组元素，但是不起作用。
为什么“console.log”与数组匹配，有时不匹配？我的意思是，console.log有时会显示与所听到声音对应的乐器名称，有时会显示错误的名称。第一个“console.log”是与播放的声音匹配的唯一一个。

   
    let index;
   
    let sounds = ["DB.WAV","CLA.WAV","TBN.WAV","REC.WAV","TRI.WAV"];
    oldSounds = [];

    let playSounds = function () {
    index = Math.floor(Math.random() * sounds.length);
     
        thisSound = sounds[index];

        oldSounds.push(thisSound);
        sounds.splice(index, 1);

        if (sounds.length < 1) {
            sounds = oldSounds.splice(0, oldSounds.length);
        }

  $("#element").html("<audio autoplay><source src=\"" + thisSound + "\" type=\"audio/mpeg\"><embed src=\"" + thisSound + "\" hidden=\"true\" autostart=\"true\" /></audio>"); 
    
    
        
            if(index === 0) {
             console.log(`Double Bass`);
        } else if(index === 1) {
            console.log(`Clarinet`);
        }else if(index === 2) {
            console.log(`Trombone`);
        }else if(index === 3) {
            console.log(`Recorder`);
        }else if(index === 4) {
            console.log(`Triangle`);}
}
</script>

<div class="wrapper clearfix">
        <div class="player-panel">
                
                 <button class="btn-answer"><i class="ion-ios-download-outline"></i>Answer</button>
            <div onclick="playSounds()">
                <button class="btn-play"><i class="far fa-play-circle"></i>Instrument Sound</button>
            </div>
                <input type="text" placeholder="Instrument name" class="instrument">
                <div id="element"></div>
       </div>
</div>

最佳答案

我想我终于明白了!

<html>
    <head>
        <title>lkl</title>
    </head>
    <body>

        <div class="wrapper clearfix">
            <div class="player-panel">
                    
                <button class="btn-answer"><i class="ion-ios-download-outline"></i>Answer</button>
                
                <div onclick="playSounds()">
                    <button class="btn-play"><i class="far fa-play-circle"></i>Instrument Sound</button>
                </div>
                
                <input type="text" placeholder="Instrument name" class="instrument">
                <div id="element"></div>
           </div>
        </div>

    <script>         
    let index;
    let sounds = ["DB.WAV","CLA.WAV","TBN.WAV","REC.WAV","TRI.WAV"];
    oldSounds = [];

    let playSounds = function () {
        index = Math.floor(Math.random() * sounds.length);
        
        console.log(sounds[index]);

        if(index == sounds.indexOf('DB.WAV')) {
            console.log(`Double Bass`);
        } else if(index == sounds.indexOf('CLA.WAV')) {
            console.log(`Clarinet`);
        }else if(index == sounds.indexOf('TBN.WAV')) {
            console.log(`Trombone`);
        }else if(index == sounds.indexOf('REC.WAV')) {
            console.log(`Recorder`);
        }else if(index == sounds.indexOf('TRI.WAV')) {
            console.log(`Triangle`);
        }


        thisSound = sounds[index];

        oldSounds.push(thisSound);
        sounds.splice(index, 1);

        //checking if the code of avobe is working
        console.log(oldSounds);
        console.log(sounds);

        if (sounds.length < 1) {
            sounds = oldSounds.splice(0, oldSounds.length);
        }
    }


    
      </script>
    </body>
</html>

如果这不是您期望的，请告诉我。
我会删除

$("#element").html("<audio autoplay><source src=\"" + thisSound + "\" type=\"audio/mpeg\"><embed src=\"" + thisSound + "\" hidden=\"true\" autostart=\"true\" /></audio>");

行，因为它给了我一个错误。只需将其粘贴回原样即可(我希望xd)
(顺便说一句，该代码仅在按下乐器声音按钮时运行(我已经这样理解(否则，请告诉我，我会尝试修复它)))

关于arrays - Console.log与数组不匹配，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64587986/

26

4

0

文章推荐： regex - 具有 R1C1 表示法的 Excel 单元格的正则表达式

文章推荐： javascript - 使用 jquery sum 字段输入值

文章推荐： Gitlab:抱歉，我们无法自动选择此合并请求

arrays - 为什么是 &array != &array[0]？
在 C 中: int a[10]; printf("%p\n", a); printf("%p\n", &a[0]); 产量: 0x7fff5606c600 0x7fff5606c600 这是我所期望
arrays - 替换 Array of Array 中元素的位置
我一直在尝试运行此循环来更改基于数组的元素的位置，但出现以下错误。不太确定哪里出了问题。任何想法或想法!谢谢。 var population = [[98, 8, 45, 34, 56], [9, 1
arrays - Ruby Array of Arrays 按值分组和计数
我正在尝试获取一个 Ruby 数组数组并将其分组以计算其值。数组有一个月份和一个 bool 值: array = [["June", false], ["June", false], ["June"
javascript - array.split ("stop here") array to array of arrays in javascript 数组
所以我们的目标是在遇到某个元素时将数组分割成子数组下面的示例 array.split("stop here") ["haii", "keep", "these in the same array bu
java - Arrays.stream(array) 与 Arrays.asList(array).stream()
在this问题已经回答了两个表达式是相等的，但在这种情况下它们会产生不同的结果。对于给定的 int[] 分数，为什么会这样: Arrays.stream(scores) .forEac
arrays - 我如何制作 Perl "array of arrays of hashes"？
我认为我需要的是哈希数组的数组，但我不知道如何制作它。 Perl 能做到吗？如果是这样，代码会是什么样子？最佳答案 perldoc perldsc是了解 Perl 数据结构的好文档。关于arra
android - GSON 解析 Array in array in array
我遇到了这个问题，从 API 中我得到一个扩展 JSON，其中包含一个名为坐标的对象，该对象是一个包含数组 o 数组的数组。为了更清楚地看这个例子: "coordinates": [
arrays - Postgres JSONB : where clause for arrays of arrays
postgres 中有(v 9.5，如果重要的话): create table json_test( id varchar NOT NULL, data jsonb NOT NULL, PRIM
arrays - bash中echo "${array[@]}"echo "${array[*]}"有什么区别
我用 echo "${array[@]}" 和 echo "${array[*]}" 得到了相同的结果。如果我这样做: mkdir 假音乐； touch fakemusic/{Beatles,Sto
arrays - Array of arrays of typealias 表达式类型不明确，没有更多上下文
我正在尝试创建 typealias 对象的数组数组 - 但我收到“表达式类型不明确，没有更多上下文”编译错误。这是我的代码: typealias TestClosure = ((message: St
python - array.array 与 numpy.array
如果您在 Python 中创建一维数组，使用 NumPy 包有什么好处吗？最佳答案这完全取决于您打算如何处理数组。如果您所做的只是创建简单数据类型的数组并进行 I/O，array模块就可以了。另
arrays - Perl6 : Pushing an array to an array of arrays with one element seems not to work as expected
当我将数组推送到只有一个数组作为其唯一元素的数组数组时，为什么会得到这种数据结构？ use v6; my @d = ( [ 1 .. 3 ] ); @d.push( [ 4 .. 6 ] ); @d.
arrays - 如何从 Array{Array{Int64,2},1} 转换为 Array{Int64,2}
在 Julia 中，我想将定义为二维数组向量的数据转换为二维矩阵数组。如下例所述，我想把数据s转换成数据t，但是至今没有成功。我该如何处理这个案子？ julia> s = [[1 2 3], [4
c - 1[&array] 是 &array[sizeof(array)/sizeof(array[0])] 的合适替代品还是太混淆了？
C 没有elementsof 关键字来获取数组的元素数。所以这通常由计算 sizeof(Array)/sizeof(Array[0]) 代替但这需要重复数组变量名。1[&Array] 是指向数组后第一
arrays - 为什么我可以调用 array.some() 而不是 array.every() 联合数组类型？
所以，假设我有一个像这样的(愚蠢的)函数: function doSomething(input: number|string): boolean { if (input === 42 || in
arrays - 需要的公式 : Sort array to array -"zig-zag"
我有以下数组: a = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16] 我将它用于一些像这样的视觉内容: 1 2 3 4 5 6 7 8 9 10
arrays - Scala:array.toList 与 array.to[List]
我想知道数组中的 .toList 与 .to[List] 之间有什么区别。我在spark-shell中做了这个测试，结果没有区别，但我不知道用什么更好。任何意见？ scala> val l = Arr
arrays - Array.Find和IndexOf用于完全相同对象的多个元素
我很难获得完全相同对象的多个元素的当前元素索引: $b = "A","D","B","D","C","E","D","F" $b | ? { $_ -contains "D" } 替代版本: $b =
arrays - Vuetify : How to do a v-select search in array of arrays
我正在尝试使用来自我的 API 的 v-select 执行 options，我将数据放在数组数组中。 Array which I got from API 它应该是一个带有搜索的 select，因为它
arrays - char *array 和 char array[] 之间的内存区别是什么？
这个问题在这里已经有了答案: String literals: pointer vs. char array (1 个回答) 4 个月前关闭。当我执行下一个代码时 int main() {

首页

博学

6Ren·AI

商城

arrays - Console.log与数组不匹配