数组的常见操作

最新推荐文章于 2025-04-25 19:25:22 发布

原创最新推荐文章于 2025-04-25 19:25:22 发布 · 1.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #开发语言 #ecmascript

本文详细介绍了JavaScript数组的constructor属性和prototype属性，解释了它们的用途和返回值。同时，展示了如何使用prototype为数组添加新方法。此外，还探讨了concat()方法用于连接多个数组，以及every()方法检查数组元素是否都满足条件。文章通过实例展示了这些概念的实际应用。

Array属性：

1.constructor 属性返回数组的构造函数:

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.constructor;
// 返回 function Array() { [native code] }

其返回值是对函数的引用，而不是函数的名称：

对于 JavaScript 数组，constructor 属性返回：
function Array() { [native code] }

对于 JavaScript 对象，constructor 属性返回：
function Object() { [native code] }

2.prototype属性允许您向数组添加新的属性和方法

Array.prototype.myUcase = function() {
  for (i = 0; i < this.length; i++) {
    this[i] = this[i].toUpperCase();
  }
};

当构造新属性时，所有数组都将获得此属性及其值。

当构造新方法时，所有数组都将获得此方法。

Array方法

1.concat()方法用于连接两个或多个数组

var sedan = ["S60", "S90"];
var SUV = ["XC40", "XC60", "XC90"];
var Volvo = sedan.concat(SUV);

concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。

ES6的展开运算符可以达到同样的效果:

let sedan = ["S60", "S90"];
let SUV = ["XC40", "XC60", "XC90"];
let Volvo = [...sedan, ...SUV];

2.every()方法检查数组中的所有元素是否都通过了测试

const ages = [32, 33, 17, 40];
ages.every(function checkAge(age) {
  return age > 18;
});

every() 方法对数组中存在的每个元素执行一次函数：

如果找到函数返回 false 值的数组元素，every() 返回 false（并且不检查剩余值）
如果没有出现 false，every() 返回 true

注释：every() 不对没有值的数组元素执行函数。

注释：every() 不改变原始数组。

数组 的常见操作

数组的常见操作