arguments对象为什么是类数组

2024-11-04

为什么arguments是类数组对象

为什么JavaScript里函数的arguments只是array-like object? 只是标准这么规定的,还是有什么设计原因在里面?JavaScript的函数里面的arguments对象有 .lengh 属性和可以通过 [] 访问,但是确实从Object.prototype继承的.很多时候都会用 Array.prototype.slice.call(arguments) 或者 Array.from(arguments) 转成数组.直接设计成数组不是更好吗? 这个问题又激起了我的八

类数组对象与arguments

类数组对象所谓的类数组对象: 拥有一个 length 属性和若干索引属性的对象举个例子: var array = ['name', 'age', 'sex']; var arrayLike = { 0: 'name', 1: 'age', 2: 'sex', length: 3 } 即便如此,为什么叫做类数组对象呢? 那让我们从读写.获取长度.遍历三个方面看看这两个对象. 读写 console.log(array[0]); // name console.log(arrayLike[0]);

JavaScript中的类数组对象

在javascript中,对象与数组都是这门语言的原生规范中的基本数据类型,处于并列的位置. 一般来说,如果我们有一个对象obj和一个数组a: obj["attr1"]; //取obj对象的attr1属性 a[1]; //取数组a中的第二个元素但是,有些时候,也会将一个对象“伪装”成一个数组来用,我们把这种对象称为“类数组对象”,再此我们可以給它下一个定义,请看如下的代码: var a= {}; var i = 0; for(i=0; i<10 ; i++){ a[i

javascript 中的类数组和数组

什么是类数组呢? 我们先来看一段代码: function fn() { console.dir(arguments); } fn(1,2,3,4,5,6,7,8,9,10); 这段代码的执行后,在 chrome 浏览器的控制台中,结果如下: 函数 fn 执行的时候,函数内的 arguments 对象就是一个类数组.它和数组一样,以从小到大的数字作为属性名,而且还有一个 length 属性,而这个 length 属性的值恰好就是 10, 和数字作为下标的属性名的个数一致.这点和数组很一致,但是同

JavaScript的类数组

类数组对象啊,被人问到它跟真正的数组对象有什么差别啊?说不上来就老埋汰了,只知道函数的arguments对象是个类数组对象,也有length属性,其他呢?干货奉上: 首先先说说数组吧: 1,当有新的元素添加到列表中时,会自动更新length属性. 2,设置length为一个较小值将截断数组. 3,从Array.prototype中继承一些有用的方法. 4,其类属性为“Array”. 这些类数组对象可以进行遍历,但是不能使用数组方法,也不用期望length属性有什么特殊的行为,看看类数组对象是怎么

[Effective JavaScript 笔记]第51条：在类数组对象上复用通用的数组方法

前面有几条都讲过关于Array.prototype的标准方法.这些标准方法被设计成其他对象可复用的方法,即使这些对象并没有继承Array. arguments对象在22条中提到的函数arguments对象.它是一个类数组对象,并不是一个标准的数组,所以无法使用数组原型中的方法,因此无法使用arguments.forEach这样的形式来遍历每一个参数.这里我们必须使用call方法来对使用forEach方法. function highlight(){ [].forEach.call(argume

Effective JavaScript Item 51 在类数组对象上重用数组方法

Array.prototype对象上的标准方法被设计为也能够在其他对象上重用 - 即使不是继承自Array的对象. 因此,在JavaScript中存折一些类数组对象(Array-like Objects). 一个典型的样例是函数的arguments对象,在Item 22中对它进行过介绍.该对象并不继承自Array.prototype,所以我们不能直接调用arguments.forEach来对当中的元素进行遍历.可是,我们能够通过首先得到forEach方法的对象.然后调用call方法(能够參考It

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比

原文地址在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历,都内置forEach方法. 数组遍历普通遍历最简单的一种,也是使用频率最高的一种. let arr = ['a', 'b', 'c', 'd', 'e'] for (let i = 0; i < ar

JS中集合对象(Array、Map、Set)及类数组对象的使用与对比（转载）

在使用js编程的时候,常常会用到集合对象,集合对象其实是一种泛型,在js中没有明确的规定其内元素的类型,但在强类型语言譬如Java中泛型强制要求指定类型. ES6引入了iterable类型,Array,Map,Set都属于iterable类型,它们可以使用for...of循环来遍历,都内置forEach方法. 数组遍历普通遍历最简单的一种,也是使用频率最高的一种. let arr = ['a', 'b', 'c', 'd', 'e'] for (let i = 0; i < arr.len

arguments 对象的老历史

引题:为什么 JavaScript 中的 arguments 对象不是数组 http://www.zhihu.com/question/50803453 JavaScript 1.0 1995 年, Brendan Eich 在 Netscape Navigator 2.0 中实现了 JavaScript 1.0,arguments 对象在那时候就已经有了.当时的 arguments 对象很像我们现在的数组(现在也像),它有一些索引属性,对应每个实参,还有一个 length 属性,代表实参的数量

ES6教程-字符串，函数的参数，了解函数的arguments对象，js面向对象，设计模式-单例模式，解构赋值

前言主要讲解了ES6对字符串的拓展,包括includes,startsWith和endsWith,另外增加了字符串模板. Start includes()是否包含 startsWith()以什么开头 endsWith()以什么结尾 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ES6-字符串</title> </head> &l

javascript类数组

一.类数组定义: 而对于一个普通的对象来说,如果它的所有property名均为正整数,同时也有相应的length属性,那么虽然该对象并不是由Array构造函数所创建的,它依然呈现出数组的行为,在这种情况下,这些对象被称为“类数组对象”.总而言之,具有以下两点的对象: 拥有length属性,其它属性(索引)为非负整数不具有数组所具有的方法类数组示例: 以下是一个简单的类数组对象: var o = {0:42, 1:52, 2:63, length:3} console.log(o); 类数组的

你知道 JavaScript 中的 Arguments 对象都有哪些用途吗？

JavaScript 中 Arguments 对象的用途总结. 前言相信我们很多人在代码开发的过程中都使用到过一个特殊的对象 -- Arguments 对象. 在实际开发中,Arguments 对象非常有用.灵活使用 Arguments 对象,可以提升使用函数的灵活性,增强函数在抽象编程中的适应能力和纠错能力. 那么 Arguments 对象到底该怎么用呢?今天我们就来总结一下. Arguments 的基本概念 Arguments 是一个对应于传递给函数的参数的类数组对象. Arguments

JavaScript函数中的arguments对象

ECMAScript标准中,每个函数都有一个特殊的内置对象arguments.arguments对象是一个类Array对象(object),用以保存函数接收到的实参副本. 一.内置特性说它是一个内置对象是因为我们在创建函数时并没有定义这个对象: var funcTest =function(args){ console.log(arguments); //{'a'} } funcTest('a'); console.log(funcTest.arguments); 直接调用funcTest.a

【前端基础系列】slice方法将类数组转换数组实现原理

问题描述在日常编码中会遇到将类数组对象转换为数组的问题,其中常用到的一种方式使用Array.prototype.slice()方法. 类数组对象所谓的类数组对象,JavaScript对它们定义为:它们看起来很像数组,只是具有部分和数组相同特性: 拥有length属性元素保存在对象中,可以通过索引访问但是没有数组的其他方法,例如:push.slice.indexOf等. 转换过程例如: var foo = { 0: 'Java', 1: 'Python', 2: 'JavaScript'

js中的arguments对象

在Javascript中没有函数重载,而arguments对象弥补了这点不足. js函数的参数是一个数组,在参数个数不固定的情况下,只需要给方法传递不同元素个数的数组即可.即使声明函数时没有形式参数,在调用时也可以传递参数,这些参数存放在arguments对象中.通过数组的下标可以访问传入方法的参数,而参数的个数可以通过arguments.length来获取. <!DOCTYPE html> <html lang="en"> <head> <m

【JavaScript】浅析JavaScript中arguments对象的使用

arguments对象不能显式创建,arguments对象只有函数开始时才可用.函数的 arguments 对象并不是一个数组,访问单个参数的方式与访问数组元素的方式相同.索引 n 实际上是 arguments 对象的 0…n 属性的其中一个参数. 下面的示例演示了 arguments 对象的用法,arguments对象和Function是分不开的. function ArgTest(a, b){ 2 var i, s = "The ArgTest function expected &qu

函数中的 arguments 对象

JavaScript函数具有像数组一样的对象,这些对象称为arguments,与传递给函数的参数相对应.传递给JavaScript函数的所有参数都可以使用arguments对象来引用. 现在我们开始学习,仔细看下面列出的代码: function add(num1, num2) { var res = num1 + num2; return res; } var r = add(7, 8); console.log(r); 在上面的函数中,num1和num2是两个参数.你可以使用名为num1和nu

arguments对象与Rest参数

JavaScript函数可以使用任意数量的参数.与其他语言(如C#和Java)不同,你可以在调用JavaScript函数时传递任意数量的参数.JavaScript函数允许未知数量的函数参数.在ECMAScript 6之前,JavaScript有一个变量来访问这些未知或可变数目的参数,这是一个类似数组的对象,并非一个数组.细想以下代码来理解arguments变量: function add(){ var result = 0; for(let i=0;i<arguments.length;i++)

javascript参数arguments对象

ECMAScript函数的参数与大多树其他语言中函数的参数有所不同.ECMAScript函数不介意传递进来多少个参数,也不在乎传进来参数是什么类型.函数体是通过arguments对象来访问参数数组.arguments对象只是与数组类似,但并不是数组实例. 例如,在函数 sayHi() 中,第一个参数是 message.用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依此类推). 因此,无需明确命名参数,就可以重写函数: funct

类数组对象实参对象arguments

先看实参对象arguments 之前对argument有点印象,知道它不是真正的数组,但也可以arguments[0]和arguments.length.今天详细的记录一下. js的默认行为:省略的实参是undefined,多余的实参自动忽略 function a(b,c){ //把类数组对象转为数组 console.log(Array.prototype.slice.call(arguments)); console.log(arguments); console.log('b:'+b+';c

arguments对象为什么是类数组

热门专题