У меня есть эта строка
'john smith~123 Street~Apt 4~New York~NY~12345'
Используя JavaScript, каков самый быстрый способ разобрать это на
var name = "john smith";
var street= "123 Street";
//etc...



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам не нужен 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];
ну, проще всего было бы что-то вроде:
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".
Хотя это не самый простой способ, вы можете сделать это:
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) и назначает ключ и часть объекту адреса.
Если Сплиттер найден, то только
Раздели это
иначе верните та же строка
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, нет, str.split();работает в Firefox и во всех основных браузерах.
Согласно 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] = ...
Используйте этот код -
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(',')
//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
Вам не нужно добавлять регулярное выражение к этой простой замене. Во всяком случае, это только замедлит работу. Вы можете заменить его на кавычки для простой замены строки.