javascript indexOf与数组无法正常工作

时间:2013-01-08 19:42:01

标签: javascript arrays indexof

即使元素出现在myarray中,我也会从myarray.indexOf(element)获得-1。

以下是一些代码段:

function createChangeRecord( old_array, new_array ) {
    var nds = new_array.slice(0,new_array.length);
    var el, idx;
    if (...) {
        ...
    } else if ( old_array.length==new_array.length ) {
        for ( var i=0; i<old_array.length; i++ ) {
            el = old_array[i];
            idx = nds.indexOf(el);
            if ( idx!=(-1) ) {
                ...
            } else {
                var a = "el: " + el + "; nds: " + nds + "; nds.indexOf(el): " + nds.indexOf(el);
                alert( a );
                ...
            }
        }
        ...
    }
    ...
}

警告显示nds确实包含el,但警报只应在idx == - 1时触发,只有当nds不包含el时才应该触发。

我知道我没有提供足够的信息来确定我的具体问题,但也许有人可以告诉我一些可能导致这种行为的一般原因?

回答类似的问题建议使用jQuery inArray()而不是indexOf,但我想知道为什么indexOf不起作用。其他人建议indexOf用于字符串,而不是数组,但是我可以找到的在线文档中并非如此。

5 个答案:

答案 0 :(得分:25)

使用

nds.indexOf(parseInt(el,10)) 

其中nds是一个数组而el是一个数字(或应该是一个数字)

修改

来自msdn

  

JavaScript是一种松散类型的语言,这意味着您不会声明   显式变量的数据类型。在许多情况下JavaScript   在需要时自动执行转换。例如,   如果您为包含文本(字符串)的项添加数字,则   号码转换为文字。

我想这种转换是indexOf返回-1的原因,因为你的一个数组包含数字和其他包含的字符串。

例如:

old_array = ["10", "20", "30"];
new_array = [10, 20, 30];

以下是我尝试回答您的问题:

为什么indexOf()不起作用?

它确实有效,我猜它也适用于你的情况。 如果在数字数组中找不到-1字符串,例如el,则返回"100",例如nds=[100,200]这是真的。因为"100"字符串与100数字不相同。

indexOf()是否适用于字符串,数组等?

是的,indexOf()适用于数组(数字,字符串或任何对象)以及字符串。但你必须确保检查相同的类型。

parseInt()做什么?

为避免数字与字符串的意外比较,我们可以使用parseInt(),例如parseInt("123", 10)返回数字123

第二个参数10称为基数。一个数字(从2到36)代表要使用的数字系统。

要点:

> "javascript is awesome".indexOf('v')
2
> [10, 20, 30].indexOf("20")
-1
> [10, 20, 30].indexOf(20)
1
> [10, 20, 30].indexOf( parseInt("20", 10) ) 
1
> typeof (100)
number
> typeof ("100")
string
> typeof( parseInt( "100", 10))
number
> parseInt( "100", 10)
100
> parseInt("100", 2)
4
> parseInt(11.3, 10)
11
> parseInt(11.3, 2)
3
> [10.3, 11.3, 12.3, 11].indexOf( parseInt(11.3, 10) )
3

要查看以上所有内容:

检查以下代码段,但在运行时请注意alert();console.log();

function createChangeRecord( old_array, new_array ) {

    var nds = new_array.slice( 0, new_array.length ); // this seems to be redundant
    var el, idx, msg;
    
    if ( old_array.length == new_array.length ) {
        for ( var i=0; i<old_array.length; i++ ) {

            el = old_array[i];
            idx = nds.indexOf(el);

            if ( idx != -1 ) {
                msg = "Found: el: " + el + "; nds: " + nds + "; nds.indexOf(el): " + idx + "\n typeof el: " + (typeof el) + "; typepf nds[" + i + "]: " + (typeof nds[i]);
            } else {
                msg = "Not Found: el: " + el + "; nds: " + nds + "; nds.indexOf(el): " + idx + "\n typeof el: " + (typeof el) + "; typepf nds[" + i + "]: " + (typeof nds[i]);
            }

            console.log( msg );
            alert( msg );
        }
    }
    else {
        var err = 'Array lengths are not same';
        console.log( err );
        alert( err );
    }
}

// this will work
var old_array_g = [ 10, 20 ];
var new_array_g = [ 10, 20 ];
createChangeRecord( old_array_g, new_array_g );

// this will not work
var old_array_g = [ "10", "20" ];
var new_array_g = [ 10, 20 ];
createChangeRecord( old_array_g, new_array_g );

// Yes: indesOf works with strings too

var withStrings = "'javascript is awesome'.indexOf('v'): " + "javascript is awesome".indexOf('v');
console.log( withStrings );
alert( withStrings );


// parseInt() returns a number or say integer
var usingParse = "typeof(123): " + typeof( 123 ) + "; typeof( parseInt('123', 10) ): " + typeof ( parseInt('123', 10) ) + "; typeof ('123'): " + typeof('123');
console.log( usingParse );
alert( usingParse );

// parseInt() with base 2
var parseBase2 = "parseInt( '100', 2 ): " + parseInt('100', 2) + "; parseInt( '100' , 10): " + parseInt('100', 10);
console.log( parseBase2 );
alert( parseBase2 );

答案 1 :(得分:2)

indexOf可以正常工作并按照您的说法行事。

例如(从控制台演示):

> a = [1,2,3,4,5,6,7,8];
  [1, 2, 3, 4, 5, 6, 7, 8]
> b = a.slice(0,a.length);
  [1, 2, 3, 4, 5, 6, 7, 8]
> b.indexOf(a[4])
  4

如果您收到此错误,则可能意味着您混合了源和目标(点之前的数组是被搜索的数组),或者您有另一个微妙的编程错误(就像您没有比较您认为比较的数组)。

答案 2 :(得分:2)

在Array上使用indexOf( value )时,它会返回数组中 value 索引

> var testArray = ["a","b","c"];
> testArray.indexOf(1)
-1
> testArray.indexOf("b")
1
> testArray.indexOf("c")
2
> testArray = [10,12,3];
> testArray.indexOf(12)
1

您应该使用typeof( el )检查 el 的内容

答案 3 :(得分:0)

以最上面的例子为例:

您有idx=nds.indexOf(el)

的地方

idx=nds.indexOf(''+el+'')

替换

在我正在研究的事情上,它为我解决了一个类似的问题,但我偶然发现它在四处寻找解决方案。

我无法回答在所有情况下它是否稳定。

答案 4 :(得分:0)

如果您的搜索数组包含数字,并且您想搜索2"2"之类的项目

nds = [1, 2, 3, 4, 5];

这有效(添加加号)

nds.indexOf(+el)