Deserializar cadena de consulta al objeto JSON

Question

Intenté encontrar cómo hacer {foo:"bar"} desde ?...&foo=bar&... pero busqué en Google y obtuve solo el jQuery.params que hace lo contrario. Cualquier sugerencia por favor (función incorporada javascript, jquery, underscore.js - todo va)? ¿O necesito implementarlo solo (no es una gran molestia, solo estoy tratando de no reinventar la rueda)?

Answer 1

Tiene Ben Alman's jQuery BBQ y jQuery.deparam en él. Se describe como The opposite of jQuery.param, pretty much.

http://benalman.com/code/projects/jquery-bbq/examples/deparam/

primer ejemplo es exactamente lo que necesita.

Answer 2

Estoy publicando aquí mi función por si acaso se verá otra y querrá verla de manera directa sin necesidad de jquery native JS. Debido a que estaba buscando lo mismo y finalmente hice esta función después de ver otras respuestas:

function queryStringToJSON(queryString) { 
    if(queryString.indexOf('?') > -1){ 
    queryString = queryString.split('?')[1]; 
    } 
    var pairs = queryString.split('&'); 
    var result = {}; 
    pairs.forEach(function(pair) { 
    pair = pair.split('='); 
    result[pair[0]] = decodeURIComponent(pair[1] || ''); 
    }); 
    return result; 
} 


console.log(queryStringToJSON(window.location.href)); 
console.log(queryStringToJSON('test=1&check=wow'));//Object {test: "1", check: "wow"} 

Answer 3

En realidad la respuesta anterior por @talsibony no tiene en cuenta las matrices de cadenas de consulta (como test=1&test=2&test=3&check=wow&such=doge). Este es mi aplicación:

function queryStringToJSON(qs) { 
    qs = qs || location.search.slice(1); 

    var pairs = qs.split('&'); 
    var result = {}; 
    pairs.forEach(function(p) { 
     var pair = p.split('='); 
     var key = pair[0]; 
     var value = decodeURIComponent(pair[1] || ''); 

     if(result[key]) { 
      if(Object.prototype.toString.call(result[key]) === '[object Array]') { 
       result[key].push(value); 
      } else { 
       result[key] = [ result[key], value ]; 
      } 
     } else { 
      result[key] = value; 
     } 
    }); 

    return JSON.parse(JSON.stringify(result)); 
}; 

Answer 4

de cadenas de consulta simple y plana, algo como esto hará el truco

const queryStringToObject = (queryString) => { 
    let obj = {} 
    if(queryString) { 
    queryString.slice(1).split('&').map((item) => { 
     const [ k, v ] = item.split('=') 
     v ? obj[k] = v : null 
    }) 
    } 
    return obj 
}