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

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

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

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

var name = "john smith";
var street= "123 Street";
//etc...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
570
0
908 391
17
Перейти к ответу Данный вопрос помечен как решенный

Ответы 17

Ответ принят как подходящий

С помощью функции JavaScript String.prototype.split:

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.

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

Вам не нужен 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];

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

Anish Gupta 14.08.2012 15:05

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

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

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

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

Наверное, будет проще всего

Нет, вам нужен split("~") или split(/~/), но не split("/~/"). Последний разделит только "John/~/Smith", а не "John~Smith".

Andrew Willems 19.02.2017 18:09

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

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.info(address1, address2, city, name, state, zipcode);
// -> john smith 123 Street Apt 4 New York NY 12345

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

ewino 05.01.2015 12:52

Если Сплиттер найден, то только

Раздели это

иначе верните та же строка

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];
        }
    }
}

У Зака ​​было одно право ... используя его метод, вы также могли создать, казалось бы, "многомерный" массив ... Я создал быстрый пример на 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(",");

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

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

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

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

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

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

Sandeep 17.05.2016 15:12

@Sandeep, нет, str.split();работает в Firefox и во всех основных браузерах.

Andrew Willems 19.02.2017 18:15

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

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

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

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

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

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

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

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

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

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

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

Sallar 12.02.2017 13:59

Используйте этот код -

function myFunction() {
var str = "How are you doing today?";
var res = str.split("/");

}

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"

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

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

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

Попробуйте на простом Javascript

 //basic url=http://localhost:58227/ExternalApproval.html?Status=1

 var ar= [url,statu] = window.location.href.split(" = ");

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

    var str = "This-javascript-tutorial-string-split-method-examples-tutsmake."
 
    var result = str.split('-'); 
     
    console.info(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/

Метод split() в JavaScript используется для преобразования строки в массив. Он принимает один необязательный аргумент в качестве символа для разделения. В вашем случае (~).

Если splitOn пропущен, он просто поместит строку в нулевую позицию массива.

Если splitOn - это просто «», то он преобразует массив одиночных символов.

Итак, в вашем случае:

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

получит название arr[0] и улицу arr[1].

Вы можете прочитать более подробное объяснение на Разделить на JavaScript

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

function Record(s) {
    var keys = ["name", "address", "address2", "city", "state", "zip"], values = s.split("~"), i
    for (i = 0; i<keys.length; i++) {
        this[keys[i]] = values[i]
    }
}

var record = new Record('john smith~123 Street~Apt 4~New York~NY~12345')

record.name // contains john smith
record.address // contains 123 Street
record.address2 // contains Apt 4
record.city // contains New York
record.state // contains NY
record.zip // contains zip

Другие вопросы по теме