js免去遍历快速获取数组或集合中的数据

今天调试时发现数据更新有问题，我第一时间就想到是因为数据交互太频繁，导致前端还没计算完后端又传数据过来了，所以就想怎么减少计算量，提高运行速度，弄完后就记录一下用的方式。后续再对循环遍历的优化另开一篇记录。

1、循环遍历获取

很多时候取得的数据源是数组形式保存数据
假设数据源为

let res = [
	{
		name: "名称",
		id: "0000001",
		state: 0,
		updateDate: 1555499029000
		// 更多属性名略
		......
	},
		{
		name: "名称2",
		id: "0000002",
		state: 0,
		updateDate: 1555499029000
		......
	}
	// 略，就假设为10个好了
	......
]

当需要在其中找到某个数据时，通常脑海中最容易想到的是for循环。这里为了省事用的for…of。

for (let device of deviceList) {
	if (device.id === id) {
		// 操作内容
	}
 }

2、键值对方式获取

当每次遍历只是为了取得其中的一个或者某几个数据的时候，再使用for循环的话就会多出很多不必要的运算，将数据源改变为对象，用键值对的方式可以精确定位，省去循环的步骤。

改变数据源：

let deviceListObj = {};
for (let device of deviceList) {
	deviceListObj[device.id] = device;
 }

取值：

let item = deviceListObj[id];
// 后续操作略