javascript indexOf无法按预期使用数组

Question

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

这里有一些代码sn-ps：

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 用于字符串，而不是数组，但我可以找到的在线文档不是这样。

Answer 1

使用

nds.indexOf(parseInt(el,10)) 

其中nds 是一个数组，el 是一个数字（或应该是一个数字）

编辑：

来自msdn：

JavaScript 是一种松散类型的语言，这意味着您无需声明 显式变量的数据类型。在很多情况下 JavaScript 需要时自动执行转换。例如， 如果将数字添加到由文本（字符串）组成的项目，则 数字转换为文本。

我猜这种转换是 indexOf 返回 -1 的原因，因为您的数组之一包含数字和其他包含的字符串。

例如：

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

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

为什么 indexOf() 不起作用？

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

indexOf() 是否适用于字符串、数组等？

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

parseInt() 有什么作用？

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

第二个参数10 称为radix。一个数字（从 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

查看以上所有操作：

检查下面的代码 sn-p 但在运行时注意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 );

Answer 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

如果您收到此错误，可能意味着您混淆了源和目标（点之前的数组是正在搜索的数组），或者您有另一个细微的编程错误（例如您没有比较你认为你正在比较的数组）。

Answer 3

当您在数组上使用 indexOf(value) 时，它会返回数组中 value 的 index。

> 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 得到了什么

Answer 4

以上面的例子为例：

你在哪里idx=nds.indexOf(el)

将其替换为idx=nds.indexOf(''+el+'')

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

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

Answer 5

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

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

这行得通（加加号）

nds.indexOf(+el)