ホームページ > 記事 > ウェブフロントエンド > JavaScript 配列および文字列での include メソッドの使用の概要

JavaScript 配列および文字列での include メソッドの使用の概要

不言オリジナル: 2019-01-08 14:57:4933162ブラウズ

includes メソッドは、配列や文字列に特定の要素が含まれているかどうかを確認するために使用されるメソッドで、主に配列や文字列内の要素の存在を確認するために使用されます。 include メソッドの使用時。

まず、array(Array)

array( の既存のメソッドの 1 つ) での include メソッドの使用法を見てみましょう。 1 つは、配列内の特定の要素が存在するかどうかを確認するために使用される include メソッドです。

基本的な構文は次のとおりです。

数组.includes(元素)

includes メソッドは true または false のみを返します。

パラメータで指定された要素が配列に含まれている場合は true を返し、そうでない場合は false を返します。

具体的な例を見てみましょう

コードは次のとおりです

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
<script type="text/javascript">
	var myarray = [1,2,3,4,5];
var res1 = myarray.includes(3);
var res2 = myarray.includes(7);
console.log(res1)
console.log(res2)
</script>
</body>
</html>

実行結果は次のとおりです

JavaScript 配列および文字列での include メソッドの使用の概要

## は上コードでは、まず配列 myarray を作成します。

次に、includes メソッドを使用して、myarray に「3」という名前の要素があるかどうかを確認します。myarray には「3」が含まれているため、変数 res1 は true を返します。

次に、「7」という名前の要素が myarray に存在するかどうかを確認しました。「7」は myarray に存在しないため、変数 res2 は false を返します。

さらに、指定した要素の検索を開始する位置を指定することもできます。

例は以下の通りです

var myarray = [1,2,3,4,5];
var res1 = myarray.includes(3,1);
var res2 = myarray.includes(1,2);
console.log(res1)
console.log(res2)

実行結果は以下の通りです。

JavaScript 配列および文字列での include メソッドの使用の概要

上記のコードでは、myarray 配列も使用されています。

先ほどのサンプルコードでは、includes メソッドのパラメーターは 1 つだけですが、今回は 2 番目のパラメーターも使用して、検索を開始する場所を指定します。

myarray.includes(3,1) は、myarray 内で「3」を検索します。2 番目の要素が最初の要素です。

「3」は3番目の要素なので、2番目の要素から検索してもmyarrayには「3」が存在します。

次のステップでは、最初に 3 番目の要素を使用して「1」を検索します。

ただし、「1」はmyarrayの最初の要素なので、3番目からだけ検索しても「1」は存在しません。

ここで、要素は 0 からカウントされることに注意してください。

文字列 (String) での include メソッドの使用方法

配列の include メソッドに加えて、次のような文字列 (String) も使用できます。 include メソッドも使用します。これは、文字列内に特定の文字列が存在するかどうかを確認するために使用されます。

基本的な構文は次のとおりです。

字符串.includes(搜索特定字符串)

戻り値は true または false のみです。

具体的な例を見てみましょう

var mystr = "Hello, world!";
var res1 = mystr.includes("Hello");
var res2 = mystr.includes("nice");
console.log(res1)
console.log(res2)

実行結果は次のとおりです

JavaScript 配列および文字列での include メソッドの使用の概要

上記のコードは、 array (Array) include メソッドにも同じ機能があります。

mystr 文字列に Hello という文字列が存在するため、true が返されます。

ただし、文字列 nice は mystr に存在しないため、false を返します。

さらに、配列と同様に、指定した要素の検索を開始する位置を指定できます。

コードは次のとおりです

var mystr = "Hello, world!";
var res1 = mystr.includes("Hello", 1);
var res2 = mystr.includes("ello", 1);
console.log(res1)
console.log(res2)

実行結果は次のとおりです

JavaScript 配列および文字列での include メソッドの使用の概要

上記のコードでは、文字列 Hello from が見つかります。 2 番目の要素。

ここで使用される「要素」とは、文字列を構成する各文字を意味します。

つまり、最初の文字から検索すると、文字は「こんにちは、世界!」という意味になります。頭文字Hを検索してください。

こんにちは、世界!当然、文字列には Hello 文字列はありません。

したがって、res1 には false が返されます。

ただし、文字列 ello があるため、変数 res2 は true を返します。

文字列の include メソッドを使用する際に注意すべき点は、

include メソッドでは大文字と小文字が区別されることです。

var mystr = "Hello, world!";
var res1 = mystr.includes("hello");
console.log(res1)

結果は false になります。上記のコードでは、文字列 hello が検索され、includes メソッドは Hello と hello を区別するため、false と表示されます。

JavaScript

indexOf にも include メソッドと同様のメソッドがあります。indexOf メソッドの使用方法については、JavaScript でのindexOf の使用方法を参照してください。＃＃＃この記事。

以上がJavaScript 配列および文字列での include メソッドの使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：vue-router がルーティングパラメーターの変更にどのように応答するかに関する解決策次の記事：vue-router がルーティングパラメーターの変更にどのように応答するかに関する解決策

続きを見る

ES6 で Array.includes() 関数を使用する方法