|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- # query-string [](https://travis-ci.org/sindresorhus/query-string)
-
- > Parse and stringify URL [query strings](http://en.wikipedia.org/wiki/Query_string)
-
- ---
-
- <p align="center"><b>🔥 Want to strengthen your core JavaScript skills and master ES6?</b><br>I would personally recommend this awesome <a href="https://ES6.io/friend/AWESOME">ES6 course</a> by Wes Bos. You might also like his <a href="https://ReactForBeginners.com/friend/AWESOME">React course</a>.</p>
-
- ---
-
-
- ## Install
-
- ```
- $ npm install --save query-string
- ```
-
-
- ## Usage
-
- ```js
- const queryString = require('query-string');
-
- console.log(location.search);
- //=> '?foo=bar'
-
- const parsed = queryString.parse(location.search);
- console.log(parsed);
- //=> {foo: 'bar'}
-
- console.log(location.hash);
- //=> '#token=bada55cafe'
-
- const parsedHash = queryString.parse(location.hash);
- console.log(parsedHash);
- //=> {token: 'bada55cafe'}
-
- parsed.foo = 'unicorn';
- parsed.ilike = 'pizza';
-
- const stringified = queryString.stringify(parsed);
- //=> 'foo=unicorn&ilike=pizza'
-
- location.search = stringified;
- // note that `location.search` automatically prepends a question mark
- console.log(location.search);
- //=> '?foo=unicorn&ilike=pizza'
- ```
-
-
- ## API
-
- ### .parse(*string*, *[options]*)
-
- Parse a query string into an object. Leading `?` or `#` are ignored, so you can pass `location.search` or `location.hash` directly.
-
- The returned object is created with [`Object.create(null)`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create) and thus does not have a `prototype`.
-
- #### arrayFormat
-
- Type: `string`<br>
- Default: `'none'`
-
- Supports both `index` for an indexed array representation or `bracket` for a *bracketed* array representation.
-
- - `bracket`: stands for parsing correctly arrays with bracket representation on the query string, such as:
-
- ```js
- queryString.parse('foo[]=1&foo[]=2&foo[]=3', {arrayFormat: 'bracket'});
- //=> foo: [1,2,3]
- ```
-
- - `index`: stands for parsing taking the index into account, such as:
-
- ```js
- queryString.parse('foo[0]=1&foo[1]=2&foo[3]=3', {arrayFormat: 'index'});
- //=> foo: [1,2,3]
- ```
-
- - `none`: is the **default** option and removes any bracket representation, such as:
-
- ```js
- queryString.parse('foo=1&foo=2&foo=3');
- //=> foo: [1,2,3]
- ```
-
- ### .stringify(*object*, *[options]*)
-
- Stringify an object into a query string, sorting the keys.
-
- #### strict
-
- Type: `boolean`<br>
- Default: `true`
-
- Strictly encode URI components with [strict-uri-encode](https://github.com/kevva/strict-uri-encode). It uses [encodeURIComponent](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent)
- if set to false. You probably [don't care](https://github.com/sindresorhus/query-string/issues/42) about this option.
-
- #### encode
-
- Type: `boolean`<br>
- Default: `true`
-
- [URL encode](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent) the keys and values.
-
- #### arrayFormat
-
- Type: `string`<br>
- Default: `'none'`
-
- Supports both `index` for an indexed array representation or `bracket` for a *bracketed* array representation.
-
- - `bracket`: stands for parsing correctly arrays with bracket representation on the query string, such as:
-
- ```js
- queryString.stringify({foo: [1,2,3]}, {arrayFormat: 'bracket'});
- // => foo[]=1&foo[]=2&foo[]=3
- ```
-
- - `index`: stands for parsing taking the index into account, such as:
-
- ```js
- queryString.stringify({foo: [1,2,3]}, {arrayFormat: 'index'});
- // => foo[0]=1&foo[1]=2&foo[3]=3
- ```
-
- - `none`: is the __default__ option and removes any bracket representation, such as:
-
- ```js
- queryString.stringify({foo: [1,2,3]});
- // => foo=1&foo=2&foo=3
- ```
-
- ### .extract(*string*)
-
- Extract a query string from a URL that can be passed into `.parse()`.
-
-
- ## Nesting
-
- This module intentionally doesn't support nesting as it's not spec'd and varies between implementations, which causes a lot of [edge cases](https://github.com/visionmedia/node-querystring/issues).
-
- You're much better off just converting the object to a JSON string:
-
- ```js
- queryString.stringify({
- foo: 'bar',
- nested: JSON.stringify({
- unicorn: 'cake'
- })
- });
- //=> 'foo=bar&nested=%7B%22unicorn%22%3A%22cake%22%7D'
- ```
-
- However, there is support for multiple instances of the same key:
-
- ```js
- queryString.parse('likes=cake&name=bob&likes=icecream');
- //=> {likes: ['cake', 'icecream'], name: 'bob'}
-
- queryString.stringify({color: ['taupe', 'chartreuse'], id: '515'});
- //=> 'color=chartreuse&color=taupe&id=515'
- ```
-
-
- ## Falsy values
-
- Sometimes you want to unset a key, or maybe just make it present without assigning a value to it. Here is how falsy values are stringified:
-
- ```js
- queryString.stringify({foo: false});
- //=> 'foo=false'
-
- queryString.stringify({foo: null});
- //=> 'foo'
-
- queryString.stringify({foo: undefined});
- //=> ''
- ```
-
-
- ## License
-
- MIT © [Sindre Sorhus](https://sindresorhus.com)
|