andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add formToObject

Browse Source
This commit is contained in:
Nikita
2019-03-13 15:50:06 +03:00
parent db1cbbcb77
commit 5939e3fb27
3 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
snippets/formToObject.md Normal file
View File

@ -0,0 +1,25 @@
### formToObject
Serializes a form into an object.
First we transform the `form` into `FormData`, then we convert it into an `array` and from the `array` we collect an `object`
```js
const formToObject = form =>
Array.from(new FormData(form))
.reduce((acc, [key, value]) => ({
...acc,
[key]: value,
}), {})
```
```html
<form id="form">
<input name="email" type="email" />
<input name="name" />
</form>
```
```js
formToObject(document.querySelector('#form')) // { email: 'test@email.com', name: 'Test Name' }
```

10
snippets/serializeForm.md
View File

@ -2,15 +2,11 @@
Serializes a form into an object.
First we transform the `form` into `FormData`, then we convert it into an `array` and from the `array` we collect an `object`
First we transform the `form` into `FormData`, then we convert it into an `array` and from the `array` we collect an `query string`
```js
const serializeForm = form =>
Array.from(new FormData(form))
.reduce((acc, [key, value]) => ({
...acc,
[key]: value,
}), {})
Array.from(new FormData(form), field => field.map(encodeURIComponent).join('=')).join('&')
```
```html
@ -21,5 +17,5 @@ const serializeForm = form =>
```
```js
serializeForm(document.querySelector('#form')) // { email: 'test@email.com', name: 'Test Name' }
serializeForm(document.querySelector('#form')) // email=test%40email.com&name=Test%20Name
```

3
tag_database
View File

@ -90,6 +90,7 @@ flattenObject:object,recursion,intermediate
flip:adapter,function,intermediate
forEachRight:array,function,intermediate
formatDuration:date,math,string,utility,intermediate
formToObject:browser,utility,object
forOwn:object,intermediate
forOwnRight:object,intermediate
fromCamelCase:string,intermediate
@ -264,7 +265,7 @@ sampleSize:array,random,intermediate
scrollToTop:browser,intermediate
sdbm:math,utility,intermediate
serializeCookie:utility,string,intermediate
serializeForm:browser,beginner,utility
serializeForm:browser,beginner,utility,string
setStyle:browser,beginner
shallowClone:object,beginner
shank:array,intermediate