Underscore.js _.unzip()函数介绍

Underscore.js是一个JavaScript的工具库，提供了许多实用的函数和方法，方便程序员处理数据和操作DOM，其中包括了_.unzip()函数，本文将介绍该函数的用途和语法。

函数用途

_.unzip()函数可以将嵌套数组解压缩为独立的数组。例如：

var zipped = [['a', 1, true], ['b', 2, false]];
var unzipped = _.unzip(zipped);

console.log(unzipped);
// output: [['a', 'b'], [1, 2], [true, false]]

该函数可以将一个形如[[a1, b1], [a2, b2], [a3, b3]]的嵌套数组解压成两个独立的数组，第一个数组为[a1, a2, a3]，第二个数组为[b1, b2, b3]。

函数语法

_.unzip()函数的语法如下：

_.unzip(array)

其中，array为一个嵌套数组。该函数会返回一个解压后的新数组。

使用场景

_.unzip()函数的应用场景较为特定，一般用于处理一些需要将数据扁平化的情况。

例如，有一个由多个对象组成的数组：

var books = [
  {title: 'JavaScript高级程序设计', author: 'Nicholas C. Zakas', price: 59.90},
  {title: 'JavaScript权威指南', author: 'David Flanagan', price: 89.00},
  {title: 'JavaScript语言精粹', author: 'Douglas Crockford', price: 39.00}
];

需要将每个对象的属性拆分成独立的数组，该如何做呢？

一种方法是使用_.pluck()函数逐个提取每个属性值，最后将结果合并为一个数组：

var titles = _.pluck(books, 'title');
var authors = _.pluck(books, 'author');
var prices = _.pluck(books, 'price');

var flatArray = titles.concat(authors, prices);

但这种方法比较繁琐，需要逐个处理每个属性。如果对象中有大量属性需要处理，代码可读性和可维护性会大打折扣。

另一种更简单的方法是使用_.unzip()函数：

var unzipped = _.unzip(_.map(books, _.values));

console.log(unzipped);
// [['JavaScript高级程序设计', 'JavaScript权威指南', 'JavaScript语言精粹'],
// ['Nicholas C. Zakas', 'David Flanagan', 'Douglas Crockford'],
// [59.9, 89, 39]]

该方法使用了_.map()函数将每个对象转换成一个值数组，再使用_.unzip()函数将值分别解压为独立的数组。

总结

_.unzip()函数是一款实用的数组扁平化工具，能够将嵌套数组解压成独立的数组。在处理需要扁平化数据的情形下，该函数能够大大简化代码。