搜索功能返回多个结果

Question

I'm currently trying to make a search function that searches an array for a string and returns the index of the location in the array for which it matches the string.

Ex:

Array: [1,2,3,4,5,2,3,1,6,5,2]
Search input: 3
Output: 
2
6

Search input: 2
Output:
1
5
10

Currently i have it outputting only 1 value by using

document.getElementById("result").innerHTML=

But I want it to return multiple results

Answer 1

If you write your own function, you should be able to return an array of indices:

function indicesOf(input, value) {
    var indices = new Array();
    for (var i = 0; i < input.length; i++) {
        if (input[i] == value)
            indices.push(i);
    }
    return indices;
}

Then you can combine the array values and put them into the result location, as suggested by @AnthonyGrist:

document.getElementById('result').innerHTML = indicesOf(input, value).join(', ');

Answer 2

我不确定这是否是您要的，但是如果您想从DOM中返回具有给定选择器的所有对象（而不是作用于并返回过滤的javascript数组），则可以使用document.querySelectorAll(<your_selector_here>) - 有关MDN的更多信息，请点击此处

Answer 3

You can do this

var arr = [1,2,3,4,5,2,3,1,6,5,2];
arr.map(function(x, i){
   return x == 3 ? i : null;
}).filter(Number); // get indexes

The above maps and filters out the index. Then it is simply a matter of joining it

document.getElementById("result").innerHTML= arr.join("<br />");