¿Cómo divido una cadena, rompiendo en un personaje en particular?

533

Tengo esta cuerda

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

Usando JavaScript, ¿cuál es la forma más rápida de analizar esto?

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

Respuestas:

846

Con la String.prototype.splitfunción de 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.
Zach
fuente
51

No necesitas 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];
Grant Wagner
fuente
53
No es necesario agregar expresiones regulares a este simple reemplazo. Solo lo hará más lento en todo caso. Puede cambiarlo a comillas para reemplazar una cadena simple.
Anish Gupta
47

Según ECMAScript6 ES6, la forma limpia es la desestructuración de los arreglos:

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

Es posible que tenga elementos adicionales en la cadena de entrada. En este caso, puede usar el operador rest para obtener una matriz para el resto o simplemente ignorarlos:

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"]

Supuse una referencia de solo lectura para los valores y utilicé la constdeclaración.

¡Disfruta ES6!

Vahid Hallaji
fuente
66
También puede omitir un elemento:const [name, , unit, ...others] = ...
Sallar
16

Aunque esta no es la forma más simple, podría hacer esto:

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"
}

Actualización para ES2015, utilizando desestructuración

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
Torsten Walter
fuente
44
primero tenemos una cadena separada por signos '~' y una matriz de keys. La segunda función de reemplazo se usa [^~]+para hacer coincidir cada parte diferente (es decir, '123 Street', 'Apt 4', etc.) y llama a la función para cada parte, pasándola como argumento. En cada ejecución, la función toma la primera clave del conjunto de claves (también la elimina usando Array.unshift) y asigna la clave y la parte al objeto de dirección.
ewino
13

Querrá examinar el substr o división de JavaScript , ya que esta no es realmente una tarea adecuada para jQuery.

John Sheehan
fuente
5

bueno, la forma más fácil sería algo como:

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

Si se encuentra Spliter, entonces solo

Dividirlo

de lo contrario, devuelve la misma cadena

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];
        }
    }
}
BJ Patel
fuente
4

Algo como:

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

Probablemente sea más fácil

Steve g
fuente
2
No, quieres uno split("~")o split(/~/)no split("/~/"). Este último solo se dividiría "John/~/Smith"y no "John~Smith".
Andrew Willems
4

Puedes usar splitpara dividir el texto.

Como alternativa, también puede usarlo de la matchsiguiente manera

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

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

La expresión regular [^~]+coincidirá con todos los caracteres excepto ~y devolverá las coincidencias en una matriz. Luego puede extraer las coincidencias de él.

Tushar
fuente
1
¡Esto funcionó para mí! str.split();no funcionaba en Firefox, pero esto funcionó tanto en Chrome como en Firefox.
Sandeep
1
@Sandeep, no, str.split(); funciona en Firefox y en todos los principales navegadores .
Andrew Willems
2

Zach tenía este derecho ... usando su método también podría hacer una matriz aparentemente "multidimensional" ... Creé un ejemplo rápido en 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(",");
Billy Hallman
fuente
2

JavaScript: Convertir cadena en matriz JavaScript Split

    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/

Desarrollador
fuente
1

Esto string.split("~")[0];hace las cosas.

fuente: String.prototype.split ()


Otro enfoque funcional utilizando el curry y la composición de funciones.

Entonces, lo primero sería la función de división. Queremos convertir esto "john smith~123 Street~Apt 4~New York~NY~12345"en esto["john smith", "123 Street", "Apt 4", "New York", "NY", "12345"]

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

Entonces ahora podemos usar nuestra splitByTildefunción especializada . Ejemplo:

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

Para obtener el primer elemento podemos usar el list[0]operador. Construyamos una firstfunción:

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

El algoritmo es: dividido por los dos puntos y luego obtener el primer elemento de la lista dada. Entonces podemos componer esas funciones para construir nuestra getNamefunción final . Construyendo una composefunción con reduce:

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

Y ahora usándolo para componer splitByTildey firstfunciones.

const getName = compose(first, splitByTilde);

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

Probar en Javascript simple

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

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

Dado que la pregunta de división en comas se duplica a esta pregunta, agregue esto aquí.

Si desea dividir en un personaje y también se encargan espacios en blanco extra que podrían seguir ese carácter, que a menudo se pasa por comas, puede utilizar replaceentonces split, como este:

var items = string.replace(/,\s+/, ",").split(',')
Chris Bartholomew
fuente
-1

Usa este código -

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

}
Bal mukund kumar
fuente