javascript数组的实例属性(方法)

javascript的所有数组实例对象,除了可以给自己增删属性之外;都会从Array.prototype继承属性(方法)。修改Array的原型会影响所有的数组实例。

数组实例的属性:

Array.prototype.constructor: 所有数组都继承了这个属性,它的只是‘’Array‘’,表明了所有的数组都是有Array构造出来的。

Array.prototype.length: 因为Array.prototype也是个数组,所以也有length属性,这个值为0,因为它是个空数组。这个也不是数组实例的length属性,数组实例本身具有length属性。

数组实例的属性(方法):

1、修改器方法:下面这些方法会改变调用它们的对象自身的值:

Array.prototype.copyWithin(): 在数组内部,将一段元素序列拷贝到另一端元素序列上,覆盖原有的值。

Array.prototype.fill(): 将数组中指定的区间的所有元素的值,都替换成某个固定的值。

Array.prototype.pop(): 删除数组最后一个元素,并返回这个元素。

Array.prototype.push(): 在数组的末尾增加一个或多个元素,并且返回数组的新长度。

Array.prototype.reverse(): 颠倒数组中元素的排列顺序,即原先的第一个变为最后一个,原先的最后一个变为第一个。

Array.prototype.shift(): 删除数组的第一个元素并返回这个元素。

Array.prototype.sort(): 对数组进行排序,并返回排序后的数组。

Array.prototype.splice(): 在任意位置给数组添加或删除任意个元素。

Array.prototype.unshift(): 在数组开头增加一个或多个元素,并返回数组新长度。

2、访问方法:下面这些方法不会改变数组对象的值,只会返回一个新数组或者返回一个其他的期望值:

Array.prototype.concat(): 返回一个由当前数组和其他若干个数组或若干个非数组值组合而成的新数组。

Array.prototype.includes(): 判断当前数组是否包含某个指定的值,如果是返回true,否则返回false。

Array.prototype.join(): 连接所有数组元素组成一个字符串。

Array.prototype.slice(): 抽取当前数组中的一段元素组合成一个新数组。

Array.prototype.toSource(): 返回一个表示当前数组字面量的字符串。遮蔽了原型链上的Object.prototype.toSource()。

Array.prototype.toString(): 返回一个有所有数组元素组成的字符串,当然还有一些其他字符串。

Array.prototype.toLocaleString(): 返回一个由所有数组元素组合而成的本地化后的字符串。

Array.prototype.indexOf(): 返回数组中第一个与指定值相等的元素的索引,如果找不到这样的元素,则返回-1。

Array.prototype.lastIndexOf(): 返回数组中最后一个与指定值相等的元素的索引,如果找不到这样的元素则返回-1。

3、迭代方法:在下面的众多遍历方法中,有很多方法都需要指定一个回调函数作为参数。在每一个数组元素都分别执行完回调函数前,数组的length属性会被缓存在某个地方。

所以,如果你在回调函数中为当前数组添加了新元素,那么那些新添加的元素是不会被遍历的。此外,如果在回调函数中对当前数组进行了其他操作,比如改变某个元素或者删除

某个元素,那么后面的遍历可能受到未预期的影响。总之,不要尝试在遍历过程中对原数组进行任何的修改操作,虽然规范对这样的操作进行了详细的定义,但为了可读性和

可维护性不要轻易这么做。

原文地址:https://www.cnblogs.com/huanqiuxuexiji/p/9080554.html

时间: 2024-10-04 14:40:51

javascript数组的实例属性(方法)的相关文章

JavaScript对象就是一组属性(方法)的集合

在JavaScript中,每个对象可以看作是多个属性(方法)的集合,引用一个属性(方法) 很简单,即: 对象名.属性(方法)名 除此之外,还可以用方括号的形式来引用: 对象名[“属性(方法)名”] 注意,这里的方法名和属性名是一个字符串,而非原先点号后面的标识符,例如: var arr=new Array(); //为数组添加一个元素 arr[“push”](“abc”); //获得数组的长度 var len=arr[“length”]; //输出数组的长度 alert(len); 图4.1 显

javascript数组常用的遍历方法

本篇文章给大家带来的内容是关于javascript数组常用的遍历方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 前言 本文主要介绍数组常见遍历方法:forEach.map.filter.find.every.some.reduce,它们有个共同点:不会改变原始数组. 一.forEach:遍历数组 1 2 3 4 5 var colors = ["red","blue","green"]; // ES5遍历数组方法

Javascript数组Array的forEach方法

Javascript数组Array的forEach扩展方法 forEach是最常用到的数组扩展方法之一,相当于参数化循环数组,它简单的在数组的每一个元素上应用传入的函数,这也意味着只有存在的元素会被访问和处理.  如果我们用console.log替换处理函数,将可以得到另外的有趣结果: [1,2,3,"csser"].forEach(console.log); 结果: 1, 0, Array[1, 2, 3, "csser"] 2, 1, Array[1, 2, 3

JQuery $.each遍历JavaScript数组对象实例

查看一个简单的jQuery的例子来遍历一个JavaScript数组对象. var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&q

javascript数组(Array)方法汇总

Array 对象属性 属性 描述 constructor 返回对创建此对象的数组函数的引用. length 设置或返回数组中元素的数目. prototype 使您有能力向对象添加属性和方法. Array 对象方法 方法 描述 concat() 连接两个或更多的数组,并返回结果. join() 把数组的所有元素放入一个字符串.元素通过指定的分隔符进行分隔. pop() 删除并返回数组的最后一个元素 push() 向数组的末尾添加一个或更多元素,并返回新的长度. reverse() 颠倒数组中元素的

一些css和javascript还有html的属性方法和标签

span 一个没有语义的行内标签 base这个标签可以设置超链接的默认跳转方式 title 当它是一个标签时用来定义网站的名称,当它是属性时可以用来设置图片的提示文本 class 定义标签的类名 id 定义标签的Id名 active 用来设置元素被激活时的样式的伪类,一般不建议使用伪类实现行为层 stylesteet 层叠样式表 focus 设置元素获得焦点时样式的伪类,也不建议使用了 visited 设置超链接被访问过后的样式的伪类 target 设置超链接的跳转方式 _blank 是targ

JavaScript数组去重6种方法

数组去重涉及基础知识较多,总结了以下6个方法: 双重for循环,push新数组: 双重for循环,splice原数组: 单个for循环,遍历对象属性: 单个for循环,sort排序后遍历: ES5,indexOf,定位去重: ES6,... 及set方法. 1.双层循环,若有相同的值则跳过,不相同则push进新数组 1 Array.prototype.distinct1 = function(){ 2 var arr = this, 3 i,j, 4 len = arr.length, 5 re

javaScript数组去重两种方法

var arr = ["c", "a", "z", "a", "x", "a", "a", "z", "c", "x", "a", "x"] var obj={}; for(var i=0;i<arr.length;i++) { if(arr[i] in obj)

JS中Array数组的三大属性用法

Array数组主要有3大属性,它们分别是length属性.prototype属性和constructor属性. JS操作Array数组的方法及属性 本文总结了Array数组的3个属性,length属性.prototype属性.constructor属性使用,并附注Array数组对象的8个分类及多个方法使用,具体如下: 对象的3个属性 1.length属性 length属性 Length属性表示数组的长度,即其中元素的个数.因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-