封装好的一个增删改查的基本操作

基本的增删改查操作
/**
 * 获取所有的数据
 */
function getAllpeople() {
  var people = []
  if (localStorage.getItem('people')) {
    people = JSON.parse(localStorage.getItem('people'))
  }
  return people
}

/**
 * 保存，增
 * @param {*} person
 */
 function save(person) {
  var people = getAllpeople()
  people.push(person)
  localStorage.setItem('people', JSON.stringify(people))
}

/**
 * 根据id删除
 * @param {*} id
 */
 function deleteOne(id) {
  var people = getAllpeople()
  //找到id符合条件的索引
  var index = people.findIndex(function (person) {
    return person.id == id
  })

  people.splice(index, 1)
  localStorage.setItem('people', JSON.stringify(people))

}

/**
 * 根据id修改数据
 * @param {*} id
 * @param {*} person
 */
 function update(id, person) {
  var people = getAllpeople()
  //找到id符合条件的索引
  var index = people.findIndex(function (item) {
    return item.id == id
  })
  person.id = id * 1
  people[index] = person
  localStorage.setItem('people', JSON.stringify(people))
}

/**
 1. 查询id符合条件的一条记录
 2. @param {*} id
 */
 function findOne(id) {
  var people = getAllpeople()
  return people.find(function (item) {
    return item.id = id
  })
}

注意：1.数据是直接存本地localStorage
2.使用的时候可以直接调用方法名。
3.如果是要在vue中使用，需要建一个.js文件，把上面代码复制进去，然后在这些方法前加上export进行导出，然后在对应的.vue文件中进行引入。
例如：
db.js

export function getAllpeople() {

  var people = []
  if (localStorage.getItem('people')) {
    people = JSON.parse(localStorage.getItem('people'))
  }
  return people
}

在.vue文件中

import { getAllPeople } from '../db'