gpt4 book ai didi

javascript - 规范化数组方法和返回值

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:04:19 24 4
gpt4 key购买 nike

有没有规范化数组返回值和变异的 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();

这对大多数变异方法都适用,但也存在问题。例如,我需要为每个不改变原始数组的方法编写自定义原型(prototype)。

所以在我做这件事的时候,我一直在想,也许以前有人做过这件事?是否已经有任何轻量级数组库可以做到这一点?如果该库还为旧浏览器的新 JavaScript 1.6 方法添加垫片,那就太好了。

最佳答案

我不认为它真的不一致。是的,它们可能有点令人困惑,因为 JavaScript 数组完成了其他语言具有单独结构(列表、队列、堆栈等)的所有事情,但它们的定义在不同语言中是非常一致的。您可以轻松地将它们分组到您已经描述的那些类别中:

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

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

  • slice 按位置获取子数组,filter 按条件获取子数组,concat 与其他数组组合创建并返回新数组<
  • forEach 只是迭代数组,不返回任何内容
  • every/some 测试项目的条件,indexOflastIndexOf 搜索项目(通过相等) - 都返回结果
  • reduce/reduceRight 将数组项缩减为单个值并返回该值。特殊情况是:
    • map 缩减为一个新数组 - 它类似于 forEach 但返回结果
    • join and toString reduce to a string

这些方法足以满足我们的大部分需求。我们可以用它们做任何事情,而且我不知道有任何库向它们添加类似但在内部或结果方面不同的方法。大多数数据处理库(如 Underscore)仅使它们跨浏览器安全(es5-shim)并提供额外的实用方法。

What I would like is to always mutate the array and always return the same array, so I can have some kind of consistency and also be able to chain.

我想说 JavaScript 的一致性是在修改元素或长度时总是返回一个新数组。我猜这是因为对象是引用值,更改它们经常会在引用同一数组的其他作用域中引起副作用。

链接仍然是可能的,你可以使用 slice, concat, sort, reverse, filtermap 只需一步即可创建一个新数组。如果只想“修改”数组,只需将其重新分配给数组变量即可:

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');

关于javascript - 规范化数组方法和返回值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13136688/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com