私は文字列を持っています：
var string = "aaaaaa<br />† bbbb<br />‡ cccc"
<br />そして、この文字列を区切り文字とそれに続く特殊文字で分割したいと思います。
それを行うために、私はこれを使用しています：
string.split(/<br \/>&#?[a-zA-Z0-9]+;/g);
区切り文字を失っている以外は、必要なものを取得しています。次に例を示します。http：//jsfiddle.net/JwrZ6/1/
区切り文字を保持するにはどうすればよいですか？
私は似ているがわずかに異なる問題を抱えていました。とにかく、ここにデリミネーターをどこに保管するかについての3つの異なるシナリオの例があります。
"1、2、3".split("、") == ["1", "2", "3"]
"1、2、3".split(/(、)/g) == ["1", "、", "2", "、", "3"]
"1、2、3".split(/(?=、)/g) == ["1", "、2", "、3"]
"1、2、3".split(/(?!、)/g) == ["1、", "2、", "3"]
"1、2、3".split(/(.*?、)/g) == ["", "1、", "", "2、", "3"]
警告： 4番目は、単一の文字を分割する場合にのみ機能します。ConnorsFanは代替案を提示します：
// Split a path, but keep the slashes that follow directories
var str = 'Animation/rawr/javascript.js';
var tokens = str.match(/[^\/]+\/?|\//g);
（正の）先読みを使用して、正規表現が特殊文字が存在することを表明しますが、実際にはそれと一致しないようにします。
string.split(/<br \/>(?=&#?[a-zA-Z0-9]+;)/g);
実際の動作をご覧ください。
var string = "aaaaaa<br />† bbbb<br />‡ cccc";
console.log(string.split(/<br \/>(?=&#?[a-zA-Z0-9]+;)/g));区切り文字を括弧で囲むと、返される配列の一部になります。
string.split(/(<br \/>&#?[a-zA-Z0-9]+);/g);
// returns ["aaaaaa", "<br />†", "bbbb", "<br />‡", "cccc"]
保持する部分に応じて、一致するサブグループを変更します
string.split(/(<br \/>)&#?[a-zA-Z0-9]+;/g);
// returns ["aaaaaa", "<br />", "bbbb", "<br />", "cccc"]
文字列の大文字小文字を無視することで式を改善できますstring.split（/（）＆＃？[a-z0-9] +; / gi）;
そして、次のように事前定義されたグループに一致させることができます：\dequalsandequals 。これは、あなたの表現がこのように見えることを意味します。[0-9]\w[a-zA-Z0-9_]
string.split(/<br \/>(&#?[a-z\d]+;)/gi);
JavaScriptKitには優れた正規表現リファレンスがあります。
ここでも答えました JavaScriptの分割正規表現は区切り文字を保持します
正規表現の例で（？= pattern）先読みパターンを使用します
var string = '500x500-11*90~1+1';
string = string.replace(/(?=[$-/:-?{-~!"^_`\[\]])/gi, ",");
string = string.split(",");
これにより、次の結果が得られます。
[ '500x500', '-11', '*90', '~1', '+1' ]
直接分割することもできます
string = string.split(/(?=[$-/:-?{-~!"^_`\[\]])/gi);
同じ結果を出す
[ '500x500', '-11', '*90', '~1', '+1' ]
jichiの答えを修正し、複数の文字もサポートする関数に入れました。
String.prototype.splitAndKeep = function(separator, method='seperate'){
var str = this;
if(method == 'seperate'){
str = str.split(new RegExp(`(${separator})`, 'g'));
}else if(method == 'infront'){
str = str.split(new RegExp(`(?=${separator})`, 'g'));
}else if(method == 'behind'){
str = str.split(new RegExp(`(.*?${separator})`, 'g'));
str = str.filter(function(el){return el !== "";});
}
return str;
};
jichiの答え3番目の方法はこの関数では機能しないので、4番目の方法を採用し、同じ結果を得るために空のスペースを削除しました。
編集：char1またはchar2を分割する配列を除く2番目のメソッド
String.prototype.splitAndKeep = function(separator, method='seperate'){
var str = this;
function splitAndKeep(str, separator, method='seperate'){
if(method == 'seperate'){
str = str.split(new RegExp(`(${separator})`, 'g'));
}else if(method == 'infront'){
str = str.split(new RegExp(`(?=${separator})`, 'g'));
}else if(method == 'behind'){
str = str.split(new RegExp(`(.*?${separator})`, 'g'));
str = str.filter(function(el){return el !== "";});
}
return str;
}
if(Array.isArray(separator)){
var parts = splitAndKeep(str, separator[0], method);
for(var i = 1; i < separator.length; i++){
var partsTemp = parts;
parts = [];
for(var p = 0; p < partsTemp.length; p++){
parts = parts.concat(splitAndKeep(partsTemp[p], separator[i], method));
}
}
return parts;
}else{
return splitAndKeep(str, separator, method);
}
};
利用方法：
str = "first1-second2-third3-last";
str.splitAndKeep(["1", "2", "3"]) == ["first", "1", "-second", "2", "-third", "3", "-last"];
str.splitAndKeep("-") == ["first1", "-", "second2", "-", "third3", "-", "last"];
拡張関数は文字列を部分文字列または正規表現で分割し、区切り文字は2番目のパラメーターに従って前後に配置されます。
String.prototype.splitKeep = function (splitter, ahead) {
var self = this;
var result = [];
if (splitter != '') {
var matches = [];
// Getting mached value and its index
var replaceName = splitter instanceof RegExp ? "replace" : "replaceAll";
var r = self[replaceName](splitter, function (m, i, e) {
matches.push({ value: m, index: i });
return getSubst(m);
});
// Finds split substrings
var lastIndex = 0;
for (var i = 0; i < matches.length; i++) {
var m = matches[i];
var nextIndex = ahead == true ? m.index : m.index + m.value.length;
if (nextIndex != lastIndex) {
var part = self.substring(lastIndex, nextIndex);
result.push(part);
lastIndex = nextIndex;
}
};
if (lastIndex < self.length) {
var part = self.substring(lastIndex, self.length);
result.push(part);
};
// Substitution of matched string
function getSubst(value) {
var substChar = value[0] == '0' ? '1' : '0';
var subst = '';
for (var i = 0; i < value.length; i++) {
subst += substChar;
}
return subst;
};
}
else {
result.add(self);
};
return result;
};
テスト：
test('splitKeep', function () {
// String
deepEqual("1231451".splitKeep('1'), ["1", "231", "451"]);
deepEqual("123145".splitKeep('1', true), ["123", "145"]);
deepEqual("1231451".splitKeep('1', true), ["123", "145", "1"]);
deepEqual("hello man how are you!".splitKeep(' '), ["hello ", "man ", "how ", "are ", "you!"]);
deepEqual("hello man how are you!".splitKeep(' ', true), ["hello", " man", " how", " are", " you!"]);
// Regex
deepEqual("mhellommhellommmhello".splitKeep(/m+/g), ["m", "hellomm", "hellommm", "hello"]);
deepEqual("mhellommhellommmhello".splitKeep(/m+/g, true), ["mhello", "mmhello", "mmmhello"]);
});
私はこれを使用しています：
String.prototype.splitBy = function (delimiter) {
var
delimiterPATTERN = '(' + delimiter + ')',
delimiterRE = new RegExp(delimiterPATTERN, 'g');
return this.split(delimiterRE).reduce((chunks, item) => {
if (item.match(delimiterRE)){
chunks.push(item)
} else {
chunks[chunks.length - 1] += item
};
return chunks
}, [])
}
をいじってはいけないことを除いてString.prototype、関数バージョンは次のとおりです。
var splitBy = function (text, delimiter) {
var
delimiterPATTERN = '(' + delimiter + ')',
delimiterRE = new RegExp(delimiterPATTERN, 'g');
return text.split(delimiterRE).reduce(function(chunks, item){
if (item.match(delimiterRE)){
chunks.push(item)
} else {
chunks[chunks.length - 1] += item
};
return chunks
}, [])
}
だからあなたはすることができます：
var haystack = "aaaaaa<br />† bbbb<br />‡ cccc"
var needle = '<br \/>&#?[a-zA-Z0-9]+;';
var result = splitBy(haystack , needle)
console.log( JSON.stringify( result, null, 2) )
そして、あなたは最終的に：
[
"<br />† bbbb",
"<br />‡ cccc"
]
分割パターンをグループ化すると、その一致は出力に保持され、設計によるものです。
区切り文字がキャプチャ括弧付きの正規表現である場合、区切り文字が一致するたびに、キャプチャ括弧の結果（未定義の結果を含む）が出力配列にスプライスされます。
検索パターンで先読みフラグまたはグローバルフラグを使用しない限り、先読みフラグやグローバルフラグは必要ありません。
const str = `How much wood would a woodchuck chuck, if a woodchuck could chuck wood?`
const result = str.split(/(\s+)/);
console.log(result);
// We can verify the result
const isSame = result.join('') === str;
console.log({ isSame });複数のグループを使用できます。あなたは好きなだけ創造的になることができ、グループの外に残っているものは削除されます：
const str = `How much wood would a woodchuck chuck, if a woodchuck could chuck wood?`
const result = str.split(/(\s+)(\w{1,2})\w+/);
console.log(result, result.join(''));既存の回答のほとんどは、 2018年にJavaScriptで後読みアサーションが導入される前のものです。結果に区切り文字を含める方法を指定していません。典型的なユースケースの1つは、句読点（[。？！]）で区切られた文で、結果の文字列の最後に区切り文字を含める必要があります。これは、受け入れられた回答の4番目のケースに対応しますが、そこに記載されているように、その解決策は1文字に対してのみ機能します。末尾に区切り文字が追加された任意の文字列は、後読みアサーションを使用して形成できます。
'It is. Is it? It is!'.split(/(?<=[.?!])/)
/* [ 'It is.', ' Is it?', ' It is!' ] */
私もこの解決策を思いついた。正規表現は不要で、非常に読みやすくなっています。
const str = "hello world what a great day today balbla"
const separatorIndex = str.indexOf("great")
const parsedString = str.slice(separatorIndex)
console.log(parsedString)または1行で：
const str = "hello what a great day today balbla"
const parsedString = str.indexOf(str.indexOf("great"))
console.log(parsedString)