Как мне разбить строку с несколькими разделителями в JavaScript?


504

Как разделить строку с несколькими разделителями в JavaScript? Я пытаюсь разделить запятые и пробелы, но, AFAIK, функция разделения JS поддерживает только один разделитель.


3
У меня была эта проблема, пытаясь разделить пути к файлам, которые были созданы с помощью nodejs под Windows. Иногда на одном и том же пути были косые черты «/» и «назад».
Фурманатор

Ответы:


707

Передайте регулярное выражение в качестве параметра:

js> "Hello awesome, world!".split(/[\s,]+/)
Hello,awesome,world!

Отредактировано, чтобы добавить:

Вы можете получить последний элемент, выбрав длину массива минус 1:

>>> bits = "Hello awesome, world!".split(/[\s,]+/)
["Hello", "awesome", "world!"]
>>> bit = bits[bits.length - 1]
"world!"

... и если шаблон не совпадает:

>>> bits = "Hello awesome, world!".split(/foo/)
["Hello awesome, world!"]
>>> bits[bits.length - 1]
"Hello awesome, world!"

1
Что вы используете для своей консоли js>?
ядро

4
rhino, реализация Mozilla JavaScript в Java: mozilla.org/rhino (... или "sudo apt-get install rhino").
Аарон Маенпаа,

Спасибо. Другой вопрос, связанный с этим, что мне нужно сделать, это получить последний элемент разделенного массива. если нет массива, он должен вернуть строку thx

2
Есть ли способ избежать удаления разделителей при разбиении с помощью регулярного выражения?
Андерсон Грин

Как разделить строку «привет, мир», а также другой символ (или другое регулярное выражение), например, символ трубы? Испытанные варианты, (hello world)|\|которые еще не совсем работали. Любые идеи?
сумасшедший о Natty

183

Вы можете передать регулярное выражение в оператор разделения Javascript . Например:

"1,2 3".split(/,| /) 
["1", "2", "3"]

Или, если вы хотите, чтобы несколько разделителей вместе действовали как один:

"1, 2, , 3".split(/(?:,| )+/) 
["1", "2", "3"]

(Вы должны использовать не захватывающие (? :) парены, потому что в противном случае они возвращаются в результат. Или вы можете быть умным, как Аарон, и использовать класс персонажей.)

(Примеры проверены в Safari + FF)


3
Если вам нужно, чтобы несколько символов действовали как один, например, «один; #two; #new jersey», вы можете просто передать строку «; #» в функцию split. "one; #two; #new jersey" .split ("; #") [2] === "new jersey"
Оскар Остегард

Этот метод работает лучше, чем классы символов, если вам нужно разделить несколько символов. Разделите их, |как показывает Джесси.
devios1

Интересно, есть ли способ избежать удаления разделителей при разбиении строки регулярным выражением: в этом примере удаляются разделители, но я надеюсь, что можно разделить строку без их удаления.
Андерсон Грин

1
@AndersonGreen Это зависит от того, что именно вы хотите; в этом случае есть несколько разделителей, так что вы хотите сохранить их все? Как отдельный предмет? Присоединился к предыдущему пункту? Следующий предмет? Это кажется мне неясным. Возможно, вы захотите задать новый вопрос с некоторыми примерами того, что вы ищете.
Джесси Русак

@JesseRusak Я имел в виду хранить все разделители как отдельные элементы, чтобы можно было разбить строку на токены с использованием списка разделителей.
Андерсон Грин

55

Другой простой, но эффективный метод - использовать split + join несколько раз.

"a=b,c:d".split('=').join(',').split(':').join(',').split(',')

По сути, выполнение разделения с последующим объединением похоже на глобальную замену, поэтому каждый разделитель заменяется запятой, а после замены всех элементов выполняется окончательное разделение на запятую.

Результатом вышеприведенного выражения является:

['a', 'b', 'c', 'd']

Расширяя это, вы также можете поместить его в функцию:

function splitMulti(str, tokens){
        var tempChar = tokens[0]; // We can use the first token as a temporary join character
        for(var i = 1; i < tokens.length; i++){
            str = str.split(tokens[i]).join(tempChar);
        }
        str = str.split(tempChar);
        return str;
}

Применение:

splitMulti('a=b,c:d', ['=', ',', ':']) // ["a", "b", "c", "d"]

Если вы часто используете эту функциональность, то String.prototype.splitдля удобства может даже стоить рассмотреть перенос (я думаю, что моя функция достаточно безопасна - единственное соображение - это дополнительные издержки условных (второстепенных) и тот факт, что в ней отсутствует реализация аргумента limit если массив передан).

Обязательно включите splitMultiфункцию, если при использовании этого подхода к описанному ниже просто оберните ее :). Также стоит отметить, что некоторые люди недовольны расширением встроенных модулей (поскольку многие люди делают это неправильно, и могут возникнуть конфликты), поэтому, если у вас есть сомнения, поговорите с кем-то более старшим, прежде чем использовать это, или спросите об этом :)

    var splitOrig = String.prototype.split; // Maintain a reference to inbuilt fn
    String.prototype.split = function (){
        if(arguments[0].length > 0){
            if(Object.prototype.toString.call(arguments[0]) == "[object Array]" ) { // Check if our separator is an array
                return splitMulti(this, arguments[0]);  // Call splitMulti
            }
        }
        return splitOrig.apply(this, arguments); // Call original split maintaining context
    };

Применение:

var a = "a=b,c:d";
    a.split(['=', ',', ':']); // ["a", "b", "c", "d"]

// Test to check that the built-in split still works (although our wrapper wouldn't work if it didn't as it depends on it :P)
        a.split('='); // ["a", "b,c:d"] 

Наслаждайтесь!


3
Почему ты пишешь, for(var i = 0; i < tokens.length; i++)а нет for(var i = 1; i < tokens.length; i++)?
тик

Я пропустил эту оптимизацию, вы правы, мы можем начать с того, tokens[1]чтобы сохранить одну итерацию, tokens[0] == tempcharи мы tempcharразделимся после итерации, tokensчтобы закончить. Я обновлю ответ соответственно спасибо @tic :).
Брайан

20

Для простоты: (добавьте «[] +» к вашему RegEx означает «1 или более»)

Это означает, что «+» и «{1,}» одинаковы.

var words = text.split(/[ .:;?!~,`"&|()<>{}\[\]\r\n/\\]+/); // note ' and - are kept

2
добавить «+» в конце означает 1 или более
Ашер

6
Я бы сказал, что это минимально, а не просто
Дэррил Геббс

Для + и - :-D, но также и \ s вместо пустого символа: var words = text.split (/ [\ s.:;?!~,`"&|()<>‹ угадывается== \ + \ - [] \ r \ n / \] + /);
Didier68

12

Хитрый метод:

var s = "dasdnk asd, (naks) :d skldma";
var a = s.replace('(',' ').replace(')',' ').replace(',',' ').split(' ');
console.log(a);//["dasdnk", "asd", "naks", ":d", "skldma"]

3
это неправильно, потому что .replace () не заменяет все элементы:/

1
Вы можете изменить '('для того /(/gчтобы заменить все (элементы - gэто глобальный флаг для RegExp - так это поиск всех вхождений (не первый один
codename-

7

Для тех из вас, кто хочет больше настроек в своей функции разделения, я написал рекурсивный алгоритм, который разделяет заданную строку со списком символов для разделения. Я написал это до того, как увидел вышеуказанный пост. Я надеюсь, что это поможет некоторым разочарованным программистам.

splitString = function(string, splitters) {
    var list = [string];
    for(var i=0, len=splitters.length; i<len; i++) {
        traverseList(list, splitters[i], 0);
    }
    return flatten(list);
}

traverseList = function(list, splitter, index) {
    if(list[index]) {
        if((list.constructor !== String) && (list[index].constructor === String))
            (list[index] != list[index].split(splitter)) ? list[index] = list[index].split(splitter) : null;
        (list[index].constructor === Array) ? traverseList(list[index], splitter, 0) : null;
        (list.constructor === Array) ? traverseList(list, splitter, index+1) : null;    
    }
}

flatten = function(arr) {
    return arr.reduce(function(acc, val) {
        return acc.concat(val.constructor === Array ? flatten(val) : val);
    },[]);
}

var stringToSplit = "people and_other/things";
var splitList = [" ", "_", "/"];
splitString(stringToSplit, splitList);

Пример выше возвращает: ["people", "and", "other", "things"]

Примечание: flattenфункция была взята из Rosetta Code


6

Вы можете просто объединить все символы, которые вы хотите использовать в качестве разделителей, по отдельности или вместе в регулярное выражение и передать их в функцию split. Например, вы можете написать:

console.log( "dasdnk asd, (naks) :d skldma".split(/[ \(,\)]+/) );

И вывод будет:

["dasdnk", "asd", "naks", ":d", "skldma"]

3

Возможно, вам следует выполнить какую-то замену строки, чтобы превратить один разделитель в другой разделитель, чтобы в разделении у вас был только один разделитель.


3

Привет, например, если у вас есть разделить и заменить в строке 7:05:45

var hour = time.replace("PM", "").split(":");

Результат

[ '07', '05', '45' ]

3

Вот новый способ достижения того же в ES6 :

function SplitByString(source, splitBy) {
  var splitter = splitBy.split('');
  splitter.push([source]); //Push initial value

  return splitter.reduceRight(function(accumulator, curValue) {
    var k = [];
    accumulator.forEach(v => k = [...k, ...v.split(curValue)]);
    return k;
  });
}

var source = "abc,def#hijk*lmn,opq#rst*uvw,xyz";
var splitBy = ",*#";
console.log(SplitByString(source, splitBy));

Обратите внимание, в этой функции:

  • Нет регулярных выражений
  • Возвращает разделенное значение в том же порядке, в котором оно отображается в source

Результат приведенного выше кода будет:

введите описание изображения здесь


2
a = "a=b,c:d"

array = ['=',',',':'];

for(i=0; i< array.length; i++){ a= a.split(array[i]).join(); }

это вернет строку без специального символа.


2

Мой рефакторинг @Brian ответа

var string = 'and this is some kind of information and another text and simple and some egample or red or text';
var separators = ['and', 'or'];

function splitMulti(str, separators){
            var tempChar = 't3mp'; //prevent short text separator in split down
            
            //split by regex e.g. \b(or|and)\b
            var re = new RegExp('\\b(' + separators.join('|') + ')\\b' , "g");
            str = str.replace(re, tempChar).split(tempChar);
            
            // trim & remove empty
            return str.map(el => el.trim()).filter(el => el.length > 0);
}

console.log(splitMulti(string, separators))


1

Я считаю, что одной из основных причин, по которой мне это нужно, является разделение путей к файлам на обоих /и \. Это немного сложное регулярное выражение, поэтому я опубликую его здесь для справки:

var splitFilePath = filePath.split(/[\/\\]/);

1

Я думаю, что проще, если вы укажете, что вы хотите оставить вместо того, что вы хотите удалить.

Как будто вы хотите иметь только английские слова, вы можете использовать что-то вроде этого:

text.match(/[a-z'\-]+/gi);

Примеры (запустить фрагмент):

var R=[/[a-z'\-]+/gi,/[a-z'\-\s]+/gi];
var s=document.getElementById('s');
for(var i=0;i<R.length;i++)
 {
  var o=document.createElement('option');
  o.innerText=R[i]+'';
  o.value=i;
  s.appendChild(o);
 }
var t=document.getElementById('t');
var r=document.getElementById('r');

s.onchange=function()
 {
  r.innerHTML='';
  var x=s.value;
  if((x>=0)&&(x<R.length))
   x=t.value.match(R[x]);
  for(i=0;i<x.length;i++)
   {
    var li=document.createElement('li');
    li.innerText=x[i];
    r.appendChild(li);
   }
 }
<textarea id="t" style="width:70%;height:12em">even, test; spider-man

But saying o'er what I have said before:
My child is yet a stranger in the world;
She hath not seen the change of fourteen years,
Let two more summers wither in their pride,
Ere we may think her ripe to be a bride.

—Shakespeare, William. The Tragedy of Romeo and Juliet</textarea>

<p><select id="s">
 <option selected>Select a regular expression</option>
 <!-- option value="1">/[a-z'\-]+/gi</option>
 <option value="2">/[a-z'\-\s]+/gi</option -->
</select></p>
 <ol id="r" style="display:block;width:auto;border:1px inner;overflow:scroll;height:8em;max-height:10em;"></ol>
</div>


1

Начиная с решения @ stephen-sweriduk (это было мне более интересно!), Я немного изменил его, чтобы сделать его более универсальным и многократно используемым:

/**
 * Adapted from: http://stackoverflow.com/questions/650022/how-do-i-split-a-string-with-multiple-separators-in-javascript
*/
var StringUtils = {

  /**
   * Flatten a list of strings
   * http://rosettacode.org/wiki/Flatten_a_list
   */
  flatten : function(arr) {
    var self=this;
    return arr.reduce(function(acc, val) {
        return acc.concat(val.constructor === Array ? self.flatten(val) : val);
    },[]);
  },

  /**
   * Recursively Traverse a list and apply a function to each item
   * @param list array
   * @param expression Expression to use in func
   * @param func function of (item,expression) to apply expression to item
   *
   */
  traverseListFunc : function(list, expression, index, func) {
    var self=this;
    if(list[index]) {
        if((list.constructor !== String) && (list[index].constructor === String))
            (list[index] != func(list[index], expression)) ? list[index] = func(list[index], expression) : null;
        (list[index].constructor === Array) ? self.traverseListFunc(list[index], expression, 0, func) : null;
        (list.constructor === Array) ? self.traverseListFunc(list, expression, index+1, func) : null;
    }
  },

  /**
   * Recursively map function to string
   * @param string
   * @param expression Expression to apply to func
   * @param function of (item, expressions[i])
   */
  mapFuncToString : function(string, expressions, func) {
    var self=this;
    var list = [string];
    for(var i=0, len=expressions.length; i<len; i++) {
        self.traverseListFunc(list, expressions[i], 0, func);
    }
    return self.flatten(list);
  },

  /**
   * Split a string
   * @param splitters Array of characters to apply the split
   */
  splitString : function(string, splitters) {
    return this.mapFuncToString(string, splitters, function(item, expression) {
      return item.split(expression);
    })
  },

}

а потом

var stringToSplit = "people and_other/things";
var splitList = [" ", "_", "/"];
var splittedString=StringUtils.splitString(stringToSplit, splitList);
console.log(splitList, stringToSplit, splittedString);

это возвращает как оригинал:

[ ' ', '_', '/' ] 'people and_other/things' [ 'people', 'and', 'other', 'things' ]

1

Простой способ сделать это - обработать каждый символ строки с каждым разделителем и создать массив разбиений:

splix = function ()
{
  u = [].slice.call(arguments); v = u.slice(1); u = u[0]; w = [u]; x = 0;

  for (i = 0; i < u.length; ++i)
  {
    for (j = 0; j < v.length; ++j)
    {
      if (u.slice(i, i + v[j].length) == v[j])
      {
        y = w[x].split(v[j]); w[x] = y[0]; w[++x] = y[1];
      };
    };
  };

  return w;
};

Применение: splix(string, delimiters...)

Пример: splix("1.23--4", ".", "--")

Возвращает: ["1", "23", "4"]


1

Я предоставлю классическую реализацию для такой функции. Код работает практически во всех версиях JavaScript и является как-то оптимальным.

  • Он не использует регулярные выражения, которые трудно поддерживать
  • Он не использует новые функции JavaScript
  • Он не использует множественные вызовы .split () .join (), которые требуют больше памяти компьютера.

Просто чистый код:

var text = "Create a function, that will return an array (of string), with the words inside the text";

println(getWords(text));

function getWords(text)
{
    let startWord = -1;
    let ar = [];

    for(let i = 0; i <= text.length; i++)
    {
        let c = i < text.length ? text[i] : " ";

        if (!isSeparator(c) && startWord < 0)
        {
            startWord = i;
        }

        if (isSeparator(c) && startWord >= 0)
        {
            let word = text.substring(startWord, i);
            ar.push(word);

            startWord = -1;
        }
    }

    return ar;
}

function isSeparator(c)
{
    var separators = [" ", "\t", "\n", "\r", ",", ";", ".", "!", "?", "(", ")"];
    return separators.includes(c);
}

Вы можете увидеть код, запущенный на детской площадке: https://codeguppy.com/code.html?IJI0E4OGnkyTZnoszAzf


0

Я не знаю производительности RegEx, но вот еще одна альтернатива для RegEx, использующая собственный HashSet и работающая в сложности O (max (str.length, delimeter.length)):

var multiSplit = function(str,delimiter){
    if (!(delimiter instanceof Array))
        return str.split(delimiter);
    if (!delimiter || delimiter.length == 0)
        return [str];
    var hashSet = new Set(delimiter);
    if (hashSet.has(""))
        return str.split("");
    var lastIndex = 0;
    var result = [];
    for(var i = 0;i<str.length;i++){
        if (hashSet.has(str[i])){
            result.push(str.substring(lastIndex,i));
            lastIndex = i+1;
        }
    }
    result.push(str.substring(lastIndex));
    return result;
}

multiSplit('1,2,3.4.5.6 7 8 9',[',','.',' ']);
// Output: ["1", "2", "3", "4", "5", "6", "7", "8", "9"]

multiSplit('1,2,3.4.5.6 7 8 9',' ');
// Output: ["1,2,3.4.5.6", "7", "8", "9"]

11
Да, как насчет того, чтобы проверить то, что ты пишешь? jsperf.com/slice-vs-custom Это показывает, что ваш код на самом деле в 10 раз медленнее в этом примере. Что заставило вас задуматься о том, что использование 2-кратного среза, 2-кратного слияния, 1-кратного разделения, 1-временного сдвига и отсутствия кэширования длины не влияет на производительность?
Петар

Я обновил код, теперь есть только минимальное количество срезов без сдвига, разделения и т. Д.
Orhun Alp Oral

0

Не лучший способ, но работает для разделения с несколькими и различными разделителями / разделителями

HTML

<button onclick="myFunction()">Split with Multiple and Different seperators/delimiters</button>
<p id="demo"></p>

Javascript

<script>
function myFunction() {

var str = "How : are | you doing : today?";
var res = str.split(' | ');

var str2 = '';
var i;
for (i = 0; i < res.length; i++) { 
    str2 += res[i];

    if (i != res.length-1) {
      str2 += ",";
    }
}
var res2 = str2.split(' : ');

//you can add countless options (with or without space)

document.getElementById("demo").innerHTML = res2;
</script>

-3

Я использую регулярное выражение:

str =  'Write a program that extracts from a given text all palindromes, e.g. "ABBA", "lamal", "exe".';

var strNew = str.match(/\w+/g);

// Output: ["Write", "a", "program", "that", "extracts", "from", "a", "given", "text", "all", "palindromes", "e", "g", "ABBA", "lamal", "exe"]

1
Это не имеет ничего общего с палиндромами , просто слова.
Натан Тагги
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.