JSでのindexOf()メソッドの使用

仕事では、indexOf() メソッドが今でも頻繁に使用されているので、この知識ポイントについて簡単にまとめてみましょう。

基本定義: IndexOf() メソッドは、指定された文字列値が文字列内で最初に出現する位置を返します。見つからない場合は -1 を返します。

-indexOf() は、指定された検索順序で最初に出現した文字列のみを返します。

- 動作中のアプリケーション => 取得する文字列値が存在しない場合、メソッドは -1 を返します。

- IndexOf() メソッドでは大文字と小文字が区別されます。

1. 文法

stringObject.indexOf(searchvalue,fromindex)

// 该方法将从头到尾地检索字符串 stringObject，看它是否含有子串 searchvalue。
// 开始检索的位置在字符串的 fromindex 处或字符串的开头（没有指定 fromindex 时）。
// 如果找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。
// stringObject 中的字符位置是从 0 开始的

2. 配列および文字列におけるindexOf()メソッドの具体的な適用

このメソッドは、文字列または配列内の要素の位置を返します。

<1> String型オブジェクトでの使用

let str = 'orange';
 
str.indexOf('o'); //0
str.indexOf('n'); //3
str.indexOf('c'); //-1  未找到返回-1

注: JavaScript String IndexOf() メソッド

<2> Array型オブジェクトでの使用

array.indexOf(item,start) は、
配列内の要素の位置を返します。取得できない場合は、-1 を返します。
パラメータ説明
項目は必須です。開始を検索する要素
はオプションです。取得する場所を指定します。有効な値は 0 ～ stringObject.length - 1 です。

配列内の要素を検索するには、 ES6 で提供されるfind()メソッドを使用することもできます。

let arr = ['orange', '2016', '2016'];
 
arr.indexOf('orange'); //0
arr.indexOf('o'); //-1

var arr = [1,2,3];
console.log(arr.indexOf('1'));//-1 不包含 从这可以看出数组使用indexOf区分类型（type）
console.log(arr.indexOf(1));//0 包含
console.log(arr.indexOf(2));//1 包含
console.log(arr.indexOf(3));//2 包含
console.log(arr.indexOf(4));//-1 不包含

<3>数値型には使用できません

let num = 2016;
 
num.indexOf(2); //Uncaught TypeError: num.indexOf is not a function

数値型の場合は、indexOf メソッドを使用する必要がありますか? 次に、それを文字列に変換し、上記の例を記述します

// 二逼青年的写法
num = '2016';
num.indexOf(2); //0
 
// 普通青年的写法
num.toString().indexOf(2); //0
 
// 文艺青年的写法
('' + num).indexOf(2); //0

3.indexOf()を使用して配列の重複を排除します。

// 写法一
var newArr =  [ ];

arr.forEach(function(v){ // 使用forEach循环遍历,获取原始数组arr中的所有数值
            // 在新数组中,查找当前获取的原始数组的数值
            // newArr.indexOf(v) 执行结果如果是 -1
            // 证明在新数组中,没有这个原始数组的数据
    if(newArr.indexOf(v) === -1){
           // 将这个数据,写入到新数组中
           newArr.push(v)
    }
})
console.log( newArr );

// 写法二 
var arr = ['C','A','A','G','G','G','D']
var newArr = []

arr = arr.sort().forEach(function(n){
            if(newArr.indexOf(n) == -1){
               newArr.push(n)
            }
         })
console.log(newArr);// ["A", "C", "D", "G"]

// 写法三
var arr = ['a','c','b','d','a','b']
var arr2 = [];

for(var i = 0;i<arr.length;i++){
    if(arr2.indexOf(arr[i])<0){
       arr2.push(arr[i]);
    }
}
arr2.sort();
console.log(arr2);//["a", "b", "c", "d"]

おまけ: JS のsort() メソッドsort() メソッド| JavaScript sort() メソッド | 初心者向けチュートリアル| JS に付属する sort() メソッドの包括的な理解 | スクリプトホーム