Question

是否有任何JavaScript数组库可以规范化数组返回值和突变？我认为JavaScript Array API非常不一致。

某些方法会改变数组：

var A = [0,1,2];
A.splice(0,1); // reduces A and returns a new array containing the deleted elements

有些人不这样做：

A.slice(0,1); // leaves A untouched and returns a new array

有些人返回对变异数组的引用：

A = A.reverse().reverse(); // reverses and then reverses back

有些人只是返回undefined：

B = A.forEach(function(){});

我想要的是始终改变数组并始终返回相同的数组，因此我可以具有某种一致性并且能够链接。例如：

A.slice(0,1).reverse().forEach(function(){}).concat(['a','b']);

我尝试了一些简单的代码：

var superArray = function() {
    this.length = 0;
}

superArray.prototype = {
    constructor: superArray,

    // custom mass-push method
    add: function(arr) {
        return this.push.apply(this, arr);
    }
}

// native mutations
'join pop push reverse shift sort splice unshift map forEach'.split(' ').forEach(function(name) {
    superArray.prototype[name] = (function(name) {
        return function() {
            Array.prototype[name].apply(this, arguments);
            // always return this for chaining
            return this;
        };
    }(name));
});

// try it
var a = new superArray();
a.push(3).push(4).reverse();

这适用于大多数变异方法，但存在问题。例如，我需要为每个不会改变原始数组的方法编写自定义原型。

一如既往，在我这样做的时候，我在想，也许以前这样做过？是否有任何轻量级阵列库已经这样做了？如果库还为旧版浏览器添加了新的JavaScript 1.6方法的填充程序，那将是很好的。

Answer 1

我认为这不是真的不一致。是的，它们可能有点令人困惑，因为JavaScript数组执行其他语言具有单独结构（列表，队列，堆栈......）的所有内容，但它们的定义在各种语言中非常一致。您可以轻松地将它们分组到您已描述的类别中：

列表方法：
- push / unshift在添加元素后返回长度
- pop / shift返回请求的元素
- 您可以定义获取第一个和最后一个元素的其他方法，但它们很少需要
splice是用于删除/替换/插入列表中间项目的通用工具 - 它返回已删除元素的数组。
sort和reverse是两种标准的就地重新排序方法。

所有其他方法都不会修改原始数组：

slice按位置获取子数组，filter按条件获取子数据，concat与其他人合并创建并返回新数组
forEach只是迭代数组并且不返回任何内容
every / some测试条件的项目，indexOf和lastIndexOf搜索项目（通过相等） - 都返回结果
reduce / reduceRight将数组项减少为单个值并返回该值。特殊情况是：
- map缩小为新数组 - 就像forEach但返回结果
- join和toString缩减为字符串

这些方法足以满足我们的大部分需求。我们可以用它们做很多事情，而且我不知道任何库可以为它们添加类似但内部或结果不同的方法。大多数数据处理库（如Underscore）仅使它们跨浏览器安全（es5-shim）并提供其他实用程序方法。

我想要的是始终改变数组并始终返回相同的数组，这样我就可以拥有某种一致性并且能够链接。

我认为JavaScript的一致性是在修改元素或长度时总是返回一个新数组。我想这是因为对象是参考值，更改它们往往会引起引用相同数组的其他范围的副作用。

仍然可以使用链接，您可以将slice，concat，sort，reverse，filter和map一起使用只需一步就可以创建一个新数组。如果只想“修改”数组，可以将其重新分配给数组变量：

A = A.slice(0,1).reverse().concat(['a','b']);

变异方法对我来说只有一个优势：它们更快，因为它们可能更高效（取决于实现及其垃圾收集，当然）。所以让我们实现一些方法。由于Array subclassing既不可行也不有用，我将在native prototype：

上定义它们

var ap = Array.prototype;
// the simple ones:
ap.each = function(){ ap.forEach.apply(this, arguments); return this; };
ap.prepend = function() { ap.unshift.apply(this, arguments); return this; };
ap.append = function() { ap.push.apply(this, arguments; return this; };
ap.reversed = function() { return ap.reverse.call(ap.slice.call(this)); };
ap.sorted = function() { return ap.sort.apply(ap.slice.call(this), arguments); };
// more complex:
ap.shorten = function(start, end) { // in-place slice
    if (Object(this) !== this) throw new TypeError();
    var len = this.length >>> 0;
    start = start >>> 0; // actually should do isFinite, then floor towards 0
    end = typeof end === 'undefined' ? len : end >>> 0; // again
    start = start < 0 ? Math.max(len + start, 0) : Math.min(start, len);
    end = end < 0 ? Math.max(len + end, 0) : Math.min(end, len);
    ap.splice.call(this, end, len);
    ap.splice.call(this, 0, start);
    return this;
};
ap.restrict = function(fun) { // in-place filter
    // while applying fun the array stays unmodified
    var res = ap.filter.apply(this, arguments);
    res.unshift(0, this.length >>> 0);
    ap.splice.apply(this, res);
    return this;
};
ap.transform = function(fun) { // in-place map
    if (Object(this) !== this || typeof fun !== 'function') throw new TypeError();
    var len = this.length >>> 0,
        thisArg = arguments[1];
    for (var i=0; i<len; i++)
        if (i in this)
            this[i] = fun.call(thisArg, this[i], i, this)
    return this;
};
// possibly more

现在你可以做到

A.shorten(0, 1).reverse().append('a', 'b');

Answer 2

恕我直言最好的图书馆之一是下划线http://underscorejs.org/

Answer 3

您可能不应该仅仅为此使用库（这是一个不太有用的依赖项添加到项目中）。

“标准”方法是在要执行mutate操作时调用slice。这样做没有问题，因为JS引擎对于临时变量非常好（因为这是javascript的关键点之一）。

<强>实施例。：

function reverseStringify( array ) {
    return array.slice( )
        .reverse( )
        .join( ' ' ); }

console.log( [ 'hello', 'world' ] );

规范化Array方法并返回值

3 个答案: