javascript数组indexOf中使用的正则表达式

Posted

技术标签:

【中文标题】javascript数组indexOf中使用的正则表达式【英文标题】:regex used in javascript array indexOf 【发布时间】:2013-12-09 22:44:23 【问题描述】:

我需要在数组中找到单词的索引。但是对于以下场景

var str="hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness".
var splitStr=str.split(" ");
//in splitStr array fineOr is stored at da index of 6.
//in splitStr array notfiness is stored at da index of 18.
var i=splitStr.indexOf("**fine**");
var k=splitStr.lastindexOf("**fine**");
console.log('value i-- '+i); it should log value 6
console.log('value k-- '+k); it should log value 18

我需要如何传递正则表达式来搜索字符串“fine”以获得数组的函数 indexOf?

【问题讨论】:

你不能在那里传递正则表达式,因为 indexOf 不是这样工作的。 @CBroe 是的,也许值得提出功能请求? tc39.github.io/process-document 【参考方案1】:

您也可以对单词数组使用过滤器,

http://jsfiddle.net/6Nv96/

var str="hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness";
var splitStr=str.split(" ");
splitStr.filter(function(word,index)
    if(word.match(/fine/g))/*the regex part*/
    /*if the regex is dynamic and needs to be set by a string, you may use RegExp and replace the line above with,*/
    /*var pattern=new RegExp("fine","g");if(word.match(pattern))*/

        /*you may also choose to store this in a data structure e.g. array*/
        console.log(index);
        return true;
    else
        return false;
    
);

【讨论】:

【参考方案2】:

.split(' ') 之后你会得到splitStr 作为一个数组,所以你必须循环遍历它

 var str="hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness";
 var splitStr = str.split(" ");
 var indexs = [];
 splitStr.forEach(function(val,i)

     if(val.indexOf('fine') !== -1)   //or val.match(/fine/g)
        indexs.push(i);
     
 );

console.log(indexs) // [7, 13, 18]

console.log('First index is ', indexs[0]) // 7
console.log('Last index is ', indexs[indexs.length-1]) // 18

【讨论】:

你应该使用reduce而不是创建一个数组,使用forEach,然后推入数组【参考方案3】:

如果您使用的是underscore.js 库,那么您可以使用 _.findIndex() 方法。

var targetStr = 'string2';

var r = _.findIndex(['string1', 'string2'], function(str)
  return targetStr.indexOf(str) >= 0;
);

//Index is always >=0 

if(r >= 0)
 //result found

【讨论】:

【参考方案4】:

为了解决我觉得还没有完成的 OP,这是一种使用压缩迭代的正则表达式来 indexOf 的迂回方法:

var arr = ['foo','bar','this','that','another'];
var re = /^[Tt]hi[a-z]$/; // expected match is 'this'
var ind = arr.indexOf((function()
    var i;
    for(i in arr)
        if(re.test(arr[i]))
            return arr[i];
    )());
// ind = 2 which is accurate

re = /i_dont_exist/; // expected not to match
ind = arr.indexOf((function()
    var i;
    for(i in arr)
        if(re.test(arr[i]))
            return arr[i];
    )());
// ind = -1, also accurate

【讨论】:

【参考方案5】:

如果你不太在意性能,这里有一个解决方案

const str = "hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness";
const splitStr = str.split(" ");
let i = splitStr.findIndex(v => /.*fine.*/.test(v));
let k = splitStr.length - splitStr.reverse().findIndex(v => /.*fine.*/.test(v));
console.log(--i);
console.log(--k);

【讨论】:

【参考方案6】:

这里唯一的 ES6 答案继续使用正则表达式,但这不是必需的。如果正则表达式是您关心的性能问题,您可以避免它们:

const str = "hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness";
const splitStr = str.split(" ");
let i = splitStr.findIndex(str => str.includes("fine"));
let k = splitStr.length - splitStr.reverse().findIndex(str => str.includes("fine"));
console.log(`i = $--i\nk = $--k`);

这是一个演示此功能的代码笔:https://codepen.io/sidewayss/pen/LYEpmwX

可能有比.reverse() 更有效的方法,如果你更喜欢两个重复的箭头函数,你可以声明一个函数。但这完全消除了正则表达式,应该表现良好。

【讨论】:

【参考方案7】:

如果源字符串很复杂并且不容易被 ' ' 分割,也许你应该使用更健壮的方法。如果您不介意包含一个外部库,您可以使用nat-js 来标记源字符串。这是一个例子:

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Example 04 - Word Index</title>

  <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>-->
  <script src="../js/lib/jquery-1.9.0.min.js"></script>
  <!--<script src="//cdnjs.cloudflare.com/ajax/libs/qunit/1.12.0/qunit.min.js"></script>-->
  <script src="../js/lib/nat.js"></script>
</head>
<body>

<h1>Example 04 - Word Index</h1>

<p>
You can use nat-js to tokenize a text and build some logic over it.
</p>


<script>
$(document).ready(function()
    var searchString = 'fine';
    var sourceString = 'hello how are you r  u fineOr not .Why u r not fine.Please tell wats makes u notfiness';
    var tkz = new nat.tokenizer();
    var tokens = tkz.execute(sourceString);

    var i = 0;
    var result = [];
    for(var t in tokens) 
        var tk = tokens[t];
        if ( tk.value.indexOf(searchString)>=0 ) 
            result.push(
                what: tk.value,
                where: i
            );
        
        i++;
    

    result.forEach(function(r) 
        console.log('found ' + r.what + ' in ' + r.where);
    );
);
</script>

</body>
</html>

【讨论】:

【参考方案8】:

另一个未被提及的替代方案如下:

var str = "hello how are you r u fineOr not .Why u r not fine.Please 
tell wats makes u notfiness";
var splitStr = str.split(" ");

function findIndex(splitStr)
  return splitStr.findIndex(function (element) 
    return element.indexOf('fine') === 0;
  )

console.log(findIndex(splitStr)); // 6

解释:

findIndex 方法遍历数组的每个元素,并在提供的匿名函数返回 true 时返回所需元素的索引。

element.indexOf 在这种情况下将每个元素评估为一个字符串,并且一旦到达所需单词 ie ('fine') 出现的元素,它将评估为 0 .一旦评估为 0 并与 0 比较,将返回 true。这将使 findIndex 返回函数评估为 true 的元素的索引。

【讨论】:

以上是关于javascript数组indexOf中使用的正则表达式的主要内容,如果未能解决你的问题,请参考以下文章

如何在日期数组中正确使用 JavaScript indexOf

如何在 Internet Explorer 浏览器的 JavaScript 中修复数组 indexOf()

javascript indexOf无法按预期使用数组

Vue indexOf vs vanilla javascript用于从数组中选择对象

JavaScript的奇技淫巧

JavaScript的:对的indexOf搜索匹配的字符串时?