@rohitambawata9716/array-method-shortcuts v1.0.1
array-method-shortcuts
npm i array-method-shortcuts
import {DELETE,universalFilter} from '@rohitambawata9716/array-method-shortcuts'
This file includes two array filter methods:
1. DELETE
method
2. universalFilter
method
1. DELETE
method usage
In short it is a filter method
Theory:
This method is useful in those situations where we want to remove
an item of the array(data provided by database or any data.js file holds an array of objects or simple array) whenever someone clicked
on that item.
Example
: const data = {id:0,name:'dummy1'},{{id:1,name:'dummy2'}} etc.
This dummy array holds 2 Objects.
Functional Component:
const user,setUser = useState(data)
const clicked
= (id)=>{
setUser(DELETE(user,id))
//use a hook useState
//the above method will only delete the clicked div
}
}
return(){
data
.map((item)=>{
return
(
<div onClick={()=>clicked(item.id)}>
<h1>{item.name}</h1>
</div>
)
})
}
1. universalFilter
method usage
Theory:
This method is useful for universal filtering a given data by providing two arguments.
1.
Data (array)
2.
string of bool condition
Functional Component:
const user,setUser = useState(data)
const clicked
= (id)=>{
// Exmp 1
setUser(universalFilter(user,'id !== id'))
//use a hook useState
// Exmp 2
setUser(universalFilter(user,'name === "Rohit" '))
//use a hook useState
//the above method will only delete the clicked div
}
}
return(){
data
.map((item)=>{
return
(
<div onClick={()=>clicked(item.id)}>
<h1>{item.name}</h1>
</div>
)
})
}