Javascript 对象作为一种小型数据库？

Question

是否可以将 JavaScript 对象用作一种小型数据库？当我在 JS 中编码时，我经常发现自己需要一种数据库结构，但使用 MySQL（或类似）这样的实际数据库感觉有点过头了。

例如，假设我需要将此数据构造为 JS 对象：

对象的想法：要出售的东西
要出售的物品：车库里的垃圾
对象结构：列出所有项目包括项目名称、项目条件和项目值

为了把它变成一个 JS 对象，我可能会写：

var stuffToSell = {};

那么我的第一个项目可能看起来像：

var stuffToSell = {
    item : "Coffee Maker",
    condition : "Good",
    price : 5
};

现在对我来说，这似乎是在正确的轨道上，直到我添加另一个项目，我最终不得不在同一个 JS 中再次使用属性 item、condition 和 price对象-感觉不对？ ——或者是吗？在这一点上，我的大脑一直在喊“ARRAY！”这个词。对我来说，但我只是看不到如何使用对象内的数组或数组内的对象来实现我想要的。

我的最终目标（在这个简化的示例中）是能够使用面向对象的语法来访问某些项目并找出有关项目的特定信息，例如 price、condition 等。例如，如果我想知道"coffee maker" 的价格，我想写如下内容：

stuffToSell["coffee maker"].price

...那么上面的结果应该是5。

我觉得我在正确的轨道上，但我认为我错过了数组部分？有人可以告诉我我错过了什么，或者我做错了什么！如果在同一个 JS 对象中有重复的属性名称是错误的？例如，是否可以：

var stuffToSell = {
item : "Coffee Maker",
price : 5,
item : "Mountain Bike",
price : 10,
item : "26 inch TV",
price : 15
};

...这似乎是错误的，因为 JS 怎么知道哪个price 与哪个item 搭配？？

提前致谢:)

Answer 1

你绝对是在正确的轨道上！

很多人会将您所说的内容称为hash。

这是我为您推荐的结构：

var store = {
        coffee_maker: {
                id: 'coffee_maker',
                description: "The last coffee maker you'll ever need!",
                price: 5,
        },
        mountain_bike: {
                id: 'mountain_bike',
                description: 'The fastest mountain bike around!',
                price: 10,
        },
        tv: {
                id: 'tv',
                description: 'A big 26 inch TV',
                price: 15,
        },
}

拥有这样的结构可以让你做到这一点：

store.mountain_bike.price // gives me 10

需要一个数组来代替，比如过滤或循环？

Object.keys 为您提供存储区中所有对象键的数组 ['coffee_maker', 'mountain_bike', 'tv']

// Now we just have an array of objects 
// [{id: 'coffee_maker', price: 5}, {id: 'mountain_bike', price: 10} ...etc]
var arr = Object.keys(store).map(el => store[el])

需要只过滤少于 10 个的项目吗？

这将为我们提供少于 10 个产品的数组：

// gives us [{id: 'coffee_maker', price: 5}]
var productsUnder10 = arr.filter(el => el.price < 10)

这些技术可以链接起来：

var productsOver10 = Object.keys(store)
    .map(el => store[el])
    .filter(el => el.price > 10)

需要添加产品吗？

store['new_product'] = {
    id: 'new_product',
    description: 'The Newest Product',
    price: 9000,
}

这是另一种方式，最好开始习惯。 这是更新商店的“安全”方式，请阅读 javascript 中的不变性以了解它

store = Object.assign({}, store, {
    'new_product': {
        id: 'new_product',
        description: 'The Newest Product',
        price: 9000,
    }
})

...还有另一种方式，您还应该阅读并开始使用： 这是对象扩展运算符，基本上只是使用不可变结构的一种更简单的方法

store = {
    ...store,
    'new_product': {
        id: 'new_product',
        description: 'The Newest Product',
        price: 9000,
    }
}

资源

• JavaScript Arrow Functions
• Object and Array Spread Syntax
• Immutable Javascript using ES6 and beyond

Answer 2

您实际上可以使用json 或创建对象数组。如果使用单独的文件来存储对象，请先加载文件。使用数组过滤器方法获取一个与过滤条件匹配的新数组，就像您想要获取 id 为 1 的项目一样。这将返回一个对象数组。

var dict = [{
    'id': 1,
    'name': 'coffee-mug',
    'price': 60
  },
  {
    'id': 2,
    'name': 'pen',
    'price': 2
  }
]

function getItemPrice(itemId) {
  var getItem = dict.filter(function(item) {
    return item.id === itemId
  });
  return getItem[0].price;
}

console.log(getItemPrice(1))

Answer 3

JSON 对象不支持重复键，因此您需要设置唯一键。

将 id 作为分组项的关键：

var stuffToSell = {
  '1': {
    item: "Coffee Maker",
    price: 5
  },
  '2': {
    item: "Mountain Bike",
    price: 10
  }
  .
  .
  .
}

现在您可以非常快速地了解商品的价格。

看这段代码 sn -p (Known Ids)

var stuffToSell = {
  '1': {
    item: "Coffee Maker",
    price: 5
  },
  '2': {
    item: "Mountain Bike",
    price: 10
  },
  '3': {
    item: "26 inch TV",
    price: 15
  }
};

let getPrice = (id) => stuffToSell[id].price;

console.log(getPrice('1'));

看？快速访问您的项目，并且您的代码遵循可读的结构。

看这段代码 sn-p (Item's name as key)

var stuffToSell = {
  'Coffee Maker': {
    price: 5
  },
  'Mountain Bike': {
    price: 10
  },
  '26 inch TV': {
    price: 15
  }
};

let getPrice = (id) => stuffToSell[id].price;

console.log(getPrice('Coffee Maker'));

看这段代码sn-p（商品名称：价格）

var stuffToSell = {
  'Coffee Maker': 5,
  'Mountain Bike': 10,
  '26 inch TV': 15
};

let getPrice = (id) => stuffToSell[id];

console.log(getPrice('Coffee Maker'));