Как мне разбить строку, разбив на определенный символ?


533

У меня есть эта строка

'john smith~123 Street~Apt 4~New York~NY~12345'

Используя JavaScript, какой самый быстрый способ разобрать это в

var name = "john smith";
var street= "123 Street";
//etc...

Ответы:


846

С String.prototype.splitфункцией JavaScript :

var input = 'john smith~123 Street~Apt 4~New York~NY~12345';

var fields = input.split('~');

var name = fields[0];
var street = fields[1];
// etc.

51

Вам не нужен JQuery.

var s = 'john smith~123 Street~Apt 4~New York~NY~12345';
var fields = s.split(/~/);
var name = fields[0];
var street = fields[1];

53
Вам не нужно добавлять регулярные выражения к этой простой замене. Это только сделает это медленнее, если что-нибудь. Вы можете изменить его на кавычки для простой замены строки.
Аниш Гупта

47

Согласно ECMAScript6 ES6, чистым способом является деструктурирование массивов:

const input = 'john smith~123 Street~Apt 4~New York~NY~12345';

const [name, street, unit, city, state, zip] = input.split('~');

console.log(name); // john smith
console.log(street); // 123 Street
console.log(unit); // Apt 4
console.log(city); // New York
console.log(state); // NY
console.log(zip); // 12345

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

const input = 'john smith~123 Street~Apt 4~New York~NY~12345';

const [name, street, ...others] = input.split('~');

console.log(name); // john smith
console.log(street); // 123 Street
console.log(others); // ["Apt 4", "New York", "NY", "12345"]

Я предполагал доступную только для чтения ссылку на значения и использовал constобъявление.

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


6
Вы также можете пропустить пункт:const [name, , unit, ...others] = ...
Sallar

16

Хотя это не самый простой способ, вы можете сделать это:

var addressString = "~john smith~123 Street~Apt 4~New York~NY~12345~",
    keys = "name address1 address2 city state zipcode".split(" "),
    address = {};

// clean up the string with the first replace
// "abuse" the second replace to map the keys to the matches
addressString.replace(/^~|~$/g).replace(/[^~]+/g, function(match){
    address[ keys.unshift() ] = match;
});

// address will contain the mapped result
address = {
    address1: "123 Street"
    address2: "Apt 4"
    city: "New York"
    name: "john smith"
    state: "NY"
    zipcode: "12345"
}

Обновление для ES2015, используя деструктуризацию

const [address1, address2, city, name, state, zipcode] = addressString.match(/[^~]+/g);

// The variables defined above now contain the appropriate information:

console.log(address1, address2, city, name, state, zipcode);
// -> john smith 123 Street Apt 4 New York NY 12345

4
Сначала у нас есть строка, разделенная знаками '~' и массивом keys. Вторая функция замены используется [^~]+для сопоставления каждой отдельной части (например, «123 Street», «Apt 4» и т. Д.) И вызывает функцию для каждой части, передавая ее в качестве аргумента. При каждом запуске функция берет первый ключ из массива ключей (также удаляя его с помощью Array.unshift) и назначает ключ и деталь объекту адреса.
Ewino

13

Возможно, вы захотите взглянуть на JavaScript в substr или split , поскольку на самом деле эта задача не подходит для jQuery.


5

ну, проще всего было бы что-то вроде:

var address = theEncodedString.split(/~/)
var name = address[0], street = address[1]

5

Если найден Spliter, то только

Раздели это

еще вернуть ту же строку

function SplitTheString(ResultStr) {
    if (ResultStr != null) {
        var SplitChars = '~';
        if (ResultStr.indexOf(SplitChars) >= 0) {
            var DtlStr = ResultStr.split(SplitChars);
            var name  = DtlStr[0];
            var street = DtlStr[1];
        }
    }
}

4

Что-то вроде:

var divided = str.split("/~/");
var name=divided[0];
var street = divided[1];

Вероятно, будет проще


2
Нет, ты хочешь split("~")или нет, split(/~/)но нет split("/~/"). Последний бы только раскололся "John/~/Smith"и нет "John~Smith".
Эндрю Виллемс

4

Вы можете использовать, splitчтобы разделить текст.

В качестве альтернативы, вы также можете использовать matchкак следовать

var str = 'john smith~123 Street~Apt 4~New York~NY~12345';
matches = str.match(/[^~]+/g);

console.log(matches);
document.write(matches);

Регулярное выражение [^~]+будет соответствовать всем символам, кроме ~и возвращает совпадения в массиве. Затем вы можете извлечь спички из него.


1
Это сработало для меня! str.split();не работал в Firefox, но это работало как в Chrome, так и в Firefox.
Сандип


2

Зак сделал это правильно ... используя его метод, вы также можете создать, казалось бы, "многомерный" массив ... Я создал быстрый пример на JSFiddle http://jsfiddle.net/LcnvJ/2/

// array[0][0] will produce brian
// array[0][1] will produce james

// array[1][0] will produce kevin
// array[1][1] will produce haley

var array = [];
    array[0] = "brian,james,doug".split(",");
    array[1] = "kevin,haley,steph".split(",");

2

JavaScript: преобразование строки в массив JavaScript

    var str = "This-javascript-tutorial-string-split-method-examples-tutsmake."
 
    var result = str.split('-'); 
     
    console.log(result);
     
    document.getElementById("show").innerHTML = result; 
<html>
<head>
<title>How do you split a string, breaking at a particular character in javascript?</title>
</head>
<body>
 
<p id="show"></p> 
 
</body>
</html>

https://www.tutsmake.com/javascript-convert-string-to-array-javascript/


1

Это string.split("~")[0];делает вещи.

источник: String.prototype.split ()


Еще один функциональный подход с использованием карри и функции композиции.

Поэтому первым делом будет функция разделения. Мы хотим сделать это "john smith~123 Street~Apt 4~New York~NY~12345"в этом["john smith", "123 Street", "Apt 4", "New York", "NY", "12345"]

const split = (separator) => (text) => text.split(separator);
const splitByTilde = split('~');

Так что теперь мы можем использовать нашу специализированную splitByTildeфункцию. Пример:

splitByTilde("john smith~123 Street~Apt 4~New York~NY~12345") // ["john smith", "123 Street", "Apt 4", "New York", "NY", "12345"]

Чтобы получить первый элемент, мы можем использовать list[0]оператор. Давайте построим firstфункцию:

const first = (list) => list[0];

Алгоритм: разделить двоеточием и затем получить первый элемент из данного списка. Таким образом, мы можем составить эти функции для построения нашей конечной getNameфункции. Построение composeфункции с помощью reduce:

const compose = (...fns) => (value) => fns.reduceRight((acc, fn) => fn(acc), value);

А теперь использую его для составления splitByTildeи firstфункций.

const getName = compose(first, splitByTilde);

let string = 'john smith~123 Street~Apt 4~New York~NY~12345';
getName(string); // "john smith"


0

Поскольку вопрос о разделении на запятые дублируется в этом вопросе, добавьте его здесь.

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

var items = string.replace(/,\s+/, ",").split(',')

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