多行字符串 findIndex()答案

【问题标题】：multiline string findIndex()多行字符串 findIndex()
【发布时间】：2020-06-28 01:09:58
【问题描述】：

我试图在我的字符串中找到一个多行子字符串。

我的代码：

data = `if (res) {
                                new PNotify({
                                    title: TAPi18n.__('success'),
                                    text: TAPi18n.__('image_uploaded'),
                                    type: 'info',
                                    styling: 'bootstrap3'
                                });
                            }
                            if (err) {
                                return new PNotify({
                                    title: TAPi18n.__('error'),
                                    text: err,
                                    type: 'error',
                                    styling: 'bootstrap3'
                                });
                            }`;

/*not found...*/
match = `new PNotify({
              title: TAPi18n.__('error'),
              text: err,
              type: 'error',
              styling: 'bootstrap3'
            })`;
console.log(data);
console.log(match);
console.log(data.indexOf(match));

那行console.log(data.indexOf(match)); 显示了-1。我的代码有什么问题？如何进行多行搜索？

【问题讨论】：

match 每行开头的空格数与data 的匹配部分不同。
如果你想允许可变数量的空格，你需要使用正则表达式。

标签： javascript string find multiline

【解决方案1】：

问题是match 和data 之间的空格数量不匹配。

您可以将match 转换为允许可变数量空格的正则表达式。

第一个match.replace() 用于转义字符串中的所有特殊正则表达式字符，第二个将空格转换为\s+，以便匹配任意数量。

data = `if (res) {
                                new PNotify({
                                    title: TAPi18n.__('success'),
                                    text: TAPi18n.__('image_uploaded'),
                                    type: 'info',
                                    styling: 'bootstrap3'
                                });
                            }
                            if (err) {
                                return new PNotify({
                                    title: TAPi18n.__('error'),
                                    text: err,
                                    type: 'error',
                                    styling: 'bootstrap3'
                                });
                            }`;


match = `new PNotify({
              title: TAPi18n.__('error'),
              text: err,
              type: 'error',
              styling: 'bootstrap3'
            })`;
re = new RegExp(match.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&').replace(/\s+/g, '\\s+'));

result = data.match(re);
console.log(result && result.index);

【讨论】：

【解决方案2】：

您需要在比较字符串之前规范化字符串

这是一个简单的函数，可以按行拆分字符串，并在将所有内容重新组合在一起之前删除每行的空格

function normalizeString(str){
  return str.split('\n').map(e => e.trim()).join('')
}

输出：

data = `if (res) {
                                new PNotify({
                                    title: TAPi18n.__('success'),
                                    text: TAPi18n.__('image_uploaded'),
                                    type: 'info',
                                    styling: 'bootstrap3'
                                });
                            }
                            if (err) {
                                return new PNotify({
                                    title: TAPi18n.__('error'),
                                    text: err,
                                    type: 'error',
                                    styling: 'bootstrap3'
                                });
                            }`;

/*not found...*/
match = `new PNotify({
              title: TAPi18n.__('error'),
              text: err,
              type: 'error',
              styling: 'bootstrap3'
            })`;

// normalize strings
var normalizedData = data.split('\n').map(e => e.trim()).join('')
var normalizedMatch = match.split('\n').map(e => e.trim()).join('')

console.log(normalizedData)
console.log(normalizedMatch)
console.log(normalizedData.indexOf(normalizedMatch));

【讨论】：