Hello friends today we are talking about Array Method in javascript.
let myNumber = [4, 1, 8, 9, 7, 45, 7, 64];
console.log(myNumber);
delete myNumber[1]
console.log(myNumber);
console.log(myNumber[1])
let myNewNumber = [1, 12, 13, 14, 15, 16];
let myChannel = myNumber.concat(myNewNumber);
console.log(myChannel);
// sort method
myNumber.sort()
console.log(myNumber);
myNumber.splice(2, 4, 47, 98, 74);
console.log(myNumber);
import React, { useEffect, useState } from ‘react’
import ‘./ToDolistedit.css’
const ToDolistEdit = () => {
const [item, setItem] =useState(“”);
const [addItem, setAdditem] =useState([]);
const [editItem, setEditItem] = useState(true);
const [isedititem, setiseditItem] = useState(null);
const submitItem =()=>{
if(!item){
alert(“Please Write Something”);
}
else if (item && !editItem){
setAdditem(
addItem.map((elm)=>{
if(elm.id === isedititem){
return{…elm, name:item}
}
return elm
}))
setEditItem(true)
setItem(“”)
setiseditItem(null)
console.warn(“i am Clicked”);
}
else{
const updatedInfo = {id:new Date().getTime().toString(), name:item};
setAdditem((olditems)=>{
return[…olditems, updatedInfo]
})
setItem(“”);
}
}
const deleteItem =(indx)=>{
console.log(indx)
const updatedlist = addItem.filter((curlem)=>{
return indx !== curlem.id;
})
setAdditem(updatedlist);
}
const updateItem =(indx)=>{
const EditItem = addItem.find((curelm)=>{
return indx === curelm.id;
})
setEditItem(false)
setItem(EditItem.name)
setiseditItem(indx)
}
useEffect(()=>{
localStorage.setItem(“Lists”, JSON.stringify(item));
console.log(JSON.stringify(item))
},[addItem])
return (
setItem(e.target.value)}
/>
{editItem ? :
}
{
addItem.map((currElm)=>{
return (
{currElm.name}
updateItem(currElm.id)}>
deleteItem(currElm.id)} />
)
})
}
)
}
export default ToDolistEdit;