Heim  >  Artikel  >  Web-Frontend  >  So finden Sie heraus, ob ein Element in es6 vorhanden ist

So finden Sie heraus, ob ein Element in es6 vorhanden ist

青灯夜游
青灯夜游Original
2023-01-03 15:24:512223Durchsuche

Methode: 1. Verwenden Sie find(); 2. Verwenden Sie Includes(), die Syntax ist „array.includes(value)“ 3. Verwenden Sie some(), die Syntax ist „function f(v) {if (v ===value) ) {return true;}}var b= array.some(f);“ 4. Verwenden Sie indexOf(), die Syntax lautet „array.indexOf(value)“; Die Syntax lautet „array.lastIndexOf(value) )“.

So finden Sie heraus, ob ein Element in es6 vorhanden ist

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Methode 1: Verwenden Sie die find()-Methode des Arrays.

find()-Methode wird verwendet, um das erste Element im Array zu finden, das die Bedingungen erfüllt. Wenn es kein Element gibt, das die Bedingungen erfüllt, ist es undefiniert wird zurückgegeben

find() Bei leeren Arrays wird die Funktion nicht ausgeführt.

find() ändert den ursprünglichen Wert des Arrays nicht.

array.find(function(currentValue, index, arr),thisValue)
Parameter Beschreibung
Funktion(aktueller Wert, Index,arr) Erforderlich. Die Funktion, die für jedes Element des Arrays ausgeführt werden muss.
Funktionsparameter: Parameterbeschreibung currentValue ist erforderlich. Der aktuelle Elementindex ist optional. Der Indexwert arr des aktuellen Elements ist optional. Das Array-Objekt
thisValue optional, zu dem das aktuelle Element gehört. Der an die Funktion übergebene Wert verwendet normalerweise den Wert „this“.
Wenn dieser Parameter leer ist, wird „undefiniert“ an den „this“-Wert übergeben

Rückgabewert:

  • Gibt den ersten Array-Elementwert zurück, der die Testbedingungen erfüllt, wenn es niemanden gibt, der diese erfüllt Wenn die Bedingungen erfüllt sind, wird undefiniert zurückgegeben.

Beispiel: Bestimmen Sie, ob das Obst-Array das angegebene Element „Durian“ enthält

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

if(fruits.find(f)!=undefined){
	console.log("给定元素是存在的");
}else{
	console.log("给定元素是不存在的");
}

So finden Sie heraus, ob ein Element in es6 vorhanden ist

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

Die include()-Methode wird verwendet, um Bestimmen Sie, ob ein Array einen angegebenen Wert enthält, und geben Sie „true“ zurück, wenn dies der Fall ist, andernfalls „false“.

arr.includes(searchElement [, fromIndex])
  • searchElement 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.

Beispiel: Bestimmen Sie, ob das Fruits-Array das angegebene Element „Durian“ enthält.

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

So finden Sie heraus, ob ein Element in es6 vorhanden ist

Methode 3: Verwenden Sie die some()-Methode des Arrays. Die Methode kann erkennen, ob Elemente im Array vorhanden sind, die die Bedingung 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.

array.every(function callbackfn(Value,index,array),thisValue)

ParameterBeschreibungFunktion(aktueller Wert, Index,arr)thisValueRückgabewert: Boolescher Wert. Gibt „true“ zurück, wenn ein Element im Array die Bedingung erfüllt, andernfalls wird „false“ zurückgegeben.
erforderlich. Funktion, jedes Element im Array führt diese Funktion ausFunktionsparameter:Parameterbeschreibung currentValue muss sein. Der Wertindex des aktuellen Elements ist optional. Der Indexwert arr des aktuellen Elements ist optional. Das Array-Objekt, zu dem das aktuelle Element gehört

Optional. Das Objekt wird als Ausführungsrückruf verwendet, an die Funktion übergeben und als Wert von „this“ verwendet. Wenn thisValue weggelassen wird, ist der Wert von „this“ „undefiniert“
Beispiel:


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:


So finden Sie heraus, ob ein Element in es6 vorhanden istMethode 4: Mit der indexOf()-Methode des Arrays

indexOf()-Methode kann der erste Index eines angegebenen Elements zurückgegeben werden in der Array-Erscheinungsposition. Wenn das abzurufende Element nicht erscheint, gibt die Methode -1 zurück.

array.indexOf(item,start)


ParameterBeschreibungElementstart
erforderlich. Das zu findende Element.
Optionaler ganzzahliger Parameter. Gibt die Position im Array an, an der mit der Suche begonnen werden soll. Seine zulässigen Werte sind 0 bis stringObject.length - 1. Wenn dieser Parameter weggelassen wird, beginnt die Suche beim ersten Zeichen der Zeichenfolge.

实现思想:利用该方法检查指定值在数组的第一次出现位置,如果位置是存在的,则包含该给定元素。如果返回-1,则不包含该给定元素。

下面给出实现代码:

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

方法5:利用数组的lastIndexOf()方法

lastIndexOf()方法可搜索数组中的元素,并返回它最后出现的位置。如果要检索的元素没有出现,则该方法返回 -1。

array.lastIndexOf(item,start)
参数 描述
item 必需。规定需检索的字符串值。
start 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。

实现思想:利用该方法检查指定值在数组的最后出现位置,如果位置是存在的,则包含该给定元素;如果返回-1,则不包含该给定元素。

下面给出实现代码::

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

输出结果为:

So finden Sie heraus, ob ein Element in es6 vorhanden ist

【相关推荐:javascript视频教程编程视频

Das obige ist der detaillierte Inhalt vonSo finden Sie heraus, ob ein Element in es6 vorhanden ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn