Como faço para dividir uma string, quebrando em um determinado caractere?

Eu tenho essa string

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

Usando JavaScript, qual é a maneira mais rápida de analisar isso

var name = "john smith";
var street= "123 Street";
//etc...
0
adicionado editado
Visualizações: 1

11 Respostas

Você vai querer olhar para substr ou dividir como este é não é realmente uma tarefa adequada para jQuery

0
adicionado

Se o Spliter for encontrado , somente

Dividir

else return the same string

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

Você pode usar o split para dividir o texto.

Como alternativa, você também pode usar match como segue

<div class="snippet" data-lang="js" data-hide="false"> <div class="snippet-code">

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

console.log(matches);
document.write(matches);
</div> </div>

O regex [^ ~] + corresponderá a todos os caracteres, exceto ~ , e retornará as correspondências em um array. Você pode então extrair as correspondências dele.

0
adicionado
adicionado o autor Andrew Willems, fonte
Isso funcionou para mim! str.split (); não estava funcionando no Firefox, mas isso funcionava tanto no Chrome quanto no Firefox.
adicionado o autor Sandeep, fonte

Bem, a maneira mais fácil seria algo como:

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

De acordo com o ECMAScript6 ES6 , a maneira limpa é a destruição de matrizes:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true"> <div class="snippet-code">

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
</div> </div>

Você pode ter itens extras na string de entrada. Nesse caso, você pode usar o operador rest para obter uma matriz para o resto ou apenas ignorá-los:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true"> <div class="snippet-code">

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

Eu supus uma referência somente leitura para valores e usei a declaração const .

Aproveite o ES6!

0
adicionado
@Sar Yep. Obrigado companheiro!
adicionado o autor hallaji, fonte
Você também pode pular um item: const [nome, unidade, ... outros] = ...
adicionado o autor Sallar, fonte

Mesmo que esta não seja a maneira mais simples, você poderia fazer isso:

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

Atualização do ES2015, usando a desestruturação

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
0
adicionado
Você poderia explicar como isso funciona?
adicionado o autor Glycan, fonte
primeiro temos uma string separada por sinais '~' e uma matriz de chaves . A segunda função de substituição é usar [^ ~] + para corresponder a cada parte diferente (ou seja, '123 Street', 'Apt 4', etc) e chama a função para cada parte, passando-a como argumento . Em cada execução, a função pega a primeira chave da matriz de chaves (também removendo-a usando Array.unshift) e atribui a chave e a peça ao objeto de endereço.
adicionado o autor ewino, fonte

Você não precisa de 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];
0
adicionado
Obrigado por apontar que split aceita um regex!
adicionado o autor phunehehe, fonte
Você não precisa adicionar regex a esta simples substituição. Isso só vai tornar mais lento se houver alguma coisa. Você pode alterá-lo para aspas para uma substituição de sequência simples.
adicionado o autor Anish Gupta, fonte

Com String.prototype.split do JavaScript função:

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.
0
adicionado
@ImaginedDesign Você está enganado. JavaScript permite que você use aspas simples e aspas duplas de maneira intercambiável. A única diferença é qual citação precisa ser escapada dentro deles - \ ' ou \ " .O padrão que você viu nas respostas das pessoas foi apenas uma coincidência; o uso é uma preferência pessoal.
adicionado o autor Rory O'Kane, fonte
Parece que o JavaScript exige que a divisão use aspas simples e o jQuery requer o uso de aspas duplas. Espero que isso ajude os outros.
adicionado o autor ImaginedDesign, fonte
É completamente maluco nomear um array "split". Parece que o nome da matriz é uma função. Muito confuso para qualquer pessoa com conhecimento limitado.
adicionado o autor gravityboy, fonte

Algo como:

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

Provavelmente será mais fácil

0
adicionado
Não, você quer split ("~") ou split (/ ~ /) mas não split ("/ ~ /") . O último só dividiria "John/~/Smith" e não "John ~ Smith" .
adicionado o autor Andrew Willems, fonte

Zach had this one right.. using his method you could also make a seemingly "multi-dimensional" array.. I created a quick example at 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(",");
0
adicionado

Use este código ------

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

}
0
adicionado