Underscore.JS values方法

Underscore.JS 是一个轻量级的 JavaScript 工具库，提供了许多实用的功能，其中之一就是 values 方法，values 方法用于从对象中提取值，返回一个数组，包含对象的所有可枚举属性的值，本教程将详细介绍 Underscore.JS 的 values 方法的使用方法和注意事项。

1、基本用法

要使用 Underscore.JS 的 values 方法，首先需要引入 Underscore.JS 库，可以通过以下方式引入：

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.1/underscoremin.js"></script>

可以使用 Underscore.JS 的 values 方法从对象中提取值。

var obj = {a: 1, b: 2, c: 3};
var values = _.values(obj);
console.log(values); // 输出：[1, 2, 3]

2、深入理解 values 方法

Underscore.JS 的 values 方法接受一个参数，即要从中提取值的对象，该方法会遍历对象的所有可枚举属性，并将它们的值添加到一个新的数组中，返回这个新数组。

在 Underscore.JS 中，可枚举属性是指那些可以通过 for...in 循环遍历的属性，这些属性包括对象自身的属性（不包括原型链上的属性）以及继承自原型链的属性。

function Person() {}
Person.prototype.name = 'Tom';
Person.prototype.age = 30;
var person = new Person();
person.gender = 'male';
var values = _.values(person); // 输出：['male']

在这个例子中，person 对象的可枚举属性有 gender、name 和 age，由于 age 是继承自原型链的属性，因此它也会被提取出来，原型链上的其他属性（如 Person.prototype.name）不会被提取。

3、values 方法的高级用法

除了基本的提取值功能外，Underscore.JS 的 values 方法还支持一些高级用法，以下是一些示例：

如果传入的不是对象，values 方法会将其转换为一个空数组：

var arr = [1, 2, 3];
var values = _.values(arr); // 输出：[]

如果传入的是数组或类数组对象，values 方法会将其视为一个扁平化的二维数组，并提取所有子数组的值：

var arr = [[1, 2], [3, 4]];
var values = _.values(arr); // 输出：[1, 2, 3, 4]

如果传入的是字符串或正则表达式，values 方法会将其视为字符数组或字符集合，并提取所有字符的值：

var str = 'hello';
var values = _.values(str); // 输出：['h', 'e', 'l', 'l', 'o']

如果传入的是布尔值、数字或 null，values 方法会将其视为一个空数组：

var bool = true;
var num = 42;
var nullValue = null;
var values = [_.values(bool), _.values(num), _.values(nullValue)]; // 输出：[[], [], []]

4、values 方法的限制和替代方案

虽然 Underscore.JS 的 values 方法非常实用，但它也有一些限制，它不能处理嵌套的对象或数组，也不能处理具有循环引用的对象，它只能提取对象的可枚举属性，而不能提取不可枚举属性或符号属性。

对于这些限制，可以考虑使用其他 JavaScript 库或原生方法来替代 values 方法，可以使用 Lodash.JS（一个更强大的 Underscore.JS 替代品）的 _.flattenDeep 方法来处理嵌套的对象或数组，使用 WeakMap 来处理循环引用的对象，使用 Object.getOwnPropertyNames 和 Object.getPrototypeOf 来处理不可枚举属性和原型链上的属性。