JS-Array lernt, zu prüfen, ob ein bestimmtes Element vorhanden ist

Im vorherigen Artikel haben wir drei Methoden für JavaScript vorgestellt, um das erste Element zurückzugeben, das eine bestimmte Bedingung erfüllt. Wenn Sie interessiert sind, können Sie auf den Link klicken, um zu lesen → „JS Array Learning: Geben Sie das erste Element zurück, das eine bestimmte Bedingung erfüllt gegebener Zustand" . Dieses Mal setzen wir das Studium von JavaScript-Arrays fort und sprechen darüber, wie man mit JS erkennt, ob der angegebene Wert im Array vorhanden ist. Freunde in Not können mehr darüber erfahren~

Der Hauptinhalt des heutigen Artikels lautet: Wenn ein Wert angegeben ist, durchlaufen das Array. Überprüfen Sie, ob das Array den Wert enthält. Einfach ausgedrückt prüft es, ob ein oder mehrere Array-Elemente im Array einen Wert haben, der diesem Wert entspricht.

Der folgende Artikel führt Sie durch 4 Methoden und stellt sie Ihnen anhand von Codebeispielen ausführlich vor. Fangen wir ohne weiteres an ~

Methode 1: For-Schleife verwenden

Implementierungsidee: For-Anweisung verwenden, um das Array zu durchlaufen, und === verwenden, um das Array zu beurteilen Jede Schleife gibt an, ob es sich bei dem Element um einen bestimmten Wert handelt. Wenn das erste Element die Bedingung erfüllt, ist das angegebene Element im Array vorhanden, es wird eine Eingabeaufforderung gegeben und dann wird die Break-Anweisung verwendet, um die gesamte Schleife zu verlassen. ===判断数组元素是否为给定值，当有第一个元素满足条件，则数组中存在给定元素，给出提示，然后使用break语句退出整个循环。

下面通过实例来具体了解一下：判断fruits数组中是否包含给定元素“榴莲”

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
for(var i=0;i<fruits.length;i++){
	if (fruits[i] === "榴莲") {
		console.log("指定元素‘ "+fruits[i]+" ’是存在的");
		break;
	}
}

输出结果为：

方法2：利用数组的includes() 方法

includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

语法：arr.includes(searchElement [, fromIndex])

• searchElement 必须。需要查找的元素值。

• fromIndex 可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

下面通过实例来具体了解一下：判断fruits数组中是否包含给定元素“榴莲”

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
if(fruits.includes('榴莲')){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}

输出结果为：

方法3：利用数组的some()方法

some()方法可以检测数组中是否存在符合条件的元素。换个角度思考，也可以用来检测数组中的所有元素是否都不符合指定条件，都不符合的话就返回 false，有一个或者多个符合的话就返回 true。

语法：array.every(function callbackfn(Value,index,array),thisValue)
Lassen Sie uns anhand eines Beispiels mehr darüber erfahren:

function f(value, index, ar) {
    if (value === '橘子') {
        return true;
    }
}
var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.some(f);

if (b) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

Das Ausgabeergebnis ist:

Methode 2: Verwenden Sie die include()-Methode des Arrays

Includes()-Methode Wird verwendet, um zu bestimmen, ob ein Array einen angegebenen Wert enthält. Wenn ja, gibt sie „true“ zurück, andernfalls „false“.

Syntax: arr.includes(searchElement [, fromIndex])

• searchElement ist erforderlich. Der zu findende Elementwert.

• fromIndex optional. Beginnen Sie mit der Suche nach „searchElement“ in diesem Index. Wenn negativ, beginnt die Suche beim Index von array.length + fromIndex in aufsteigender Reihenfolge. Der Standardwert ist 0.

给定元素是存在的

Das Ausgabeergebnis ist:

some() Methode kann erkennen, ob Elemente im Array vorhanden sind, die die Bedingungen erfüllen. Aus einem anderen Blickwinkel betrachtet kann es auch verwendet werden, um zu erkennen, ob alle Elemente im Array die angegebenen Bedingungen nicht erfüllen. Wenn ein oder mehrere Elemente übereinstimmen, wird dies zurückgegeben Rückkehr wahr.

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.indexOf("橘子");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

给定元素是存在的

var fruits = ['苹果',"香蕉", '榴莲', '橘子', '菠萝蜜',"梨子"];
var b = fruits.lastIndexOf("葡萄");

if (b>0) {
	console.log("给定元素是存在的");
} else {
	console.log("给定元素是不存在的");
}

给定元素是不存在的

Das obige ist der detaillierte Inhalt vonJS-Array lernt, zu prüfen, ob ein bestimmtes Element vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!