arr.filter(item => {
return 满足要求的条件
})
准备工作
加到本地存储里的对象
//获取本地
var local = getData();
local.push({
id: id + '',
img: imgData,
text: $(".modal-input").val(),
type: $("#modal-select1 option:selected").val()
});
console.log(id);
id++;
setData(local);
const localData = getData()
load(localData);
筛选功能
点击按钮筛选出对应类型的对象
$("#meiDuan").click(function () {
//获取类型值
const type = $("#meiDuan").text();
const data = getData();
//将data循环,指向data中的对象,返回输入框type与对象属性type相等的情况
const filterData = data.filter((data) => {
return data.type === type
})
//将筛选过的数组渲染
load(filterData);
});
删除功能
var local = getData();
let deleteIndex = $(this).attr("num");
//arr存储
console.log(deleteIndex);
//循环,过滤出来与下标不相等的,从本地里面移出去
const arr = local.filter((item) => {
console.log(item.id);
return item.id !== deleteIndex
})
setData(arr);
load(arr);
编辑功能
const text = $(".search-input").val();
//获取本地存储
const data = getData();
//获取含有输入框内容的数据(返回的是符合的条件)
const arr = data.filter(item => {
//str.indexOf(b)代表str中不存在字符b
return item.text.indexOf(text) !== -1;
})
load(arr);