JS中的indexOf方法和!=-1的作用|极客教程

JS中的indexOf方法和!=-1的作用

在JavaScript中，indexOf()方法是用来查找指定元素在数组中的位置的方法。当查找的元素存在于数组中时，该方法会返回元素所在的索引位置，如果数组中不存在该元素，则会返回-1。通常情况下，我们会使用该方法来判断某个元素是否存在于数组中。

indexOf()方法的语法

indexOf()方法的语法如下：

array.indexOf(searchElement[, fromIndex])

array：要查询的数组。
searchElement：要查找的元素。
fromIndex：可选参数，从指定索引位置开始查找，默认为0。

indexOf()方法的返回值

indexOf()方法会返回一个整数值，表示指定元素在数组中的位置。如果数组中不包含该元素，则返回-1。

下面我们通过一个简单的示例来说明indexOf()方法的用法：

let fruits = ["apple", "banana", "orange", "grape"];

console.log(fruits.indexOf("banana")); // 输出：1
console.log(fruits.indexOf("cherry")); // 输出：-1

在上面的示例中，我们定义了一个水果数组fruits，然后使用indexOf()方法查找了”banana”和”cherry”这两个元素在数组中的位置。由于”banana”在数组中的索引位置为1，所以第一个输出为1；而”cherry”并不在数组中，所以第二个输出为-1。

通过indexOf()方法判断元素是否存在于数组中

通常情况下，我们会使用indexOf()方法来判断某个元素是否存在于数组中。判断元素是否存在的代码如下所示：

if (array.indexOf(element) !== -1) {
    console.log("元素存在于数组中");
} else {
    console.log("元素不存在于数组中");
}

在上面的代码中，如果element存在于array数组中，那么array.indexOf(element)将返回元素所在的索引位置，此时不等于-1，执行第一个条件分支；如果element不存在于array数组中，那么array.indexOf(element)将返回-1，执行第二个条件分支。

下面我们通过一个示例来演示如何使用indexOf()方法判断元素是否存在于数组中：

let colors = ["red", "green", "blue", "yellow"];

if (colors.indexOf("green") !== -1) {
    console.log("green存在于数组中");
} else {
    console.log("green不存在于数组中");
}

if (colors.indexOf("orange") !== -1) {
    console.log("orange存在于数组中");
} else {
    console.log("orange不存在于数组中");
}

在上面的示例中，我们定义了一个颜色数组colors，然后分别判断”green”和”orange”这两个元素是否存在于数组中。根据indexOf()方法的返回值，分别输出了对应的判断结果。

使用!=-1来判断元素是否存在于数组中

在实际开发中，我们通常会使用!=-1来判断元素是否存在于数组中。这样的做法更加直观和简洁，代码也更易读。下面是一个示例代码：

let cars = ["BMW", "Benz", "Audi", "Toyota"];

if (cars.indexOf("Benz") !== -1) {
    console.log("Benz存在于数组中");
} else {
    console.log("Benz不存在于数组中");
}

if (cars.indexOf("Ford") !== -1) {
    console.log("Ford存在于数组中");
} else {
    console.log("Ford不存在于数组中");
}

在上面的代码中，我们定义了一个汽车品牌数组cars，然后通过cars.indexOf("Benz") !== -1来判断”Benz”是否存在于数组中，通过cars.indexOf("Ford") !== -1来判断”Ford”是否存在于数组中。

使用indexOf()方法和!=-1判断元素是否存在于数组的比较

使用indexOf()方法和!=-1来判断元素是否存在于数组中，在功能上是等价的。两者的区别在于表达方式的不同。indexOf()方法更加直观，在查找元素在数组中的位置时，可以直接得到元素所在的索引位置；而!=-1更简洁，通过判断返回值是否等于-1来确定元素是否存在于数组中。

下面我们通过一个示例来比较使用indexOf()方法和!=-1来判断元素是否存在于数组中：

let cities = ["Beijing", "Shanghai", "Guangzhou", "Shenzhen"];

// 使用indexOf()方法判断元素是否存在于数组中
if (cities.indexOf("Beijing") !== -1) {
    console.log("Beijing存在于数组中");
} else {
    console.log("Beijing不存在于数组中");
}

// 使用!=-1判断元素是否存在于数组中
if (cities.indexOf("Hangzhou") !== -1) {
    console.log("Hangzhou存在于数组中");
} else {
    console.log("Hangzhou不存在于数组中");
}

在上面的示例中，我们定义了一个城市数组cities，然后分别使用indexOf()方法和!=-1来判断”Beijing”和”Hangzhou”这两个元素是否存在于数组中。通过两种方式的输出，可以看到判断结果是一致的。

总的来说，indexOf()方法和!=-1都可以用来判断元素是否存在于数组中，对于开发者来说可以根据个人的习惯和需求选择合适的方式来进行判断。在实际开发中，使用哪种方式都可以达到相同的效果，选择更适合自己的方式即可。