Underscore.js：使用钥匙在地图对象列表中查找对象

Underscore.js 是一个常用的 JavaScript 工具库，提供了一系列实用的函数和工具，方便开发者进行代码编写和数据处理。本文将介绍如何使用 Underscore.js 创建一个地图出来的对象列表，并使用钥匙查找其中的对象。

准备工作

首先需要引入 Underscore.js 库，可以通过以下方式进行引入：

<script src="https://cdn.bootcdn.net/ajax/libs/underscore.js/1.13.1/underscore-min.js"></script>

接下来，我们需要准备数据。假设我们有一个地图对象列表，其中包含若干个对象，每个对象都有唯一的 ID 属性和其他属性。我们可以将这些对象存储在一个数组中：

var mapObjects = [
  {id: 1, name: 'Object 1', x: 10, y: 20},
  {id: 2, name: 'Object 2', x: 30, y: 40},
  {id: 3, name: 'Object 3', x: 50, y: 60},
  // ...
];

创建地图对象列表

使用 Underscore.js，我们可以轻松地对以上数据进行处理，创建一个地图对象列表。在本例中，我们将使用 map 函数来遍历原始数据，将每个对象转换成新的格式并存储在一个新的数组中。具体代码如下：

var mapObjectsList = _.map(mapObjects, function(obj) {
  return {
    id: obj.id,
    name: obj.name,
    position: obj.x + ',' + obj.y,
    // ...
  };
});

上述代码会将原始数据中每个对象转换成一个新的对象，新对象包含了 ID、名称以及位置等属性。通过 Underscore.js 提供的 map 函数，我们可以轻松地对原始数据进行批量处理。

使用钥匙查找对象

接下来，我们需要使用钥匙在地图对象列表中查找对象。假设我们有一个钥匙，其中包含要查找的对象的 ID 属性值。我们可以使用 Underscore.js 的 findWhere 函数来实现查找功能。具体代码如下：

var key = {id: 2};    // 钥匙中包含 ID 属性为 2
var foundObject = _.findWhere(mapObjectsList, key);

上述代码将在地图对象列表中查找 ID 属性为 2 的对象，并返回找到的第一个对象。通过 Underscore.js 提供的 findWhere 函数，我们可以轻松地实现根据指定属性值查找对象的功能。

总结

本文介绍了如何使用 Underscore.js 创建一个地图对象列表，并使用钥匙在其中查找对象的方法。Underscore.js 提供了丰富的工具和函数，方便开发者进行代码编写和数据处理，帮助提高开发效率。如果您感兴趣，可以访问 Underscore.js 的官方网站（http://underscorejs.org/）了解更多信息。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14251