`
零度弥合
  • 浏览: 19204 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

【JavaScript】元素对象的方法

 
阅读更多

javaScript中没有集合这个概念,所以数组非常重要。

 

数组对象的方法可以简单地分为,修改原数组和不修改原数组的方法。

 

修改原数组的方法:

数组对象的方法 说明
pop() 删除数组的最后一个元素
 push(slement1,...,dlemnetN) 在数组尾部添加元素
 reverse()  颠倒数组中元素的位置
shift() 删除数组中的第一个元素
 sort(compareFunction)  将数组中的元素排序
  splice(index,howMany,[element][,...,elementN])   在数组中插入,删除或替换元素
 unshift(element1,...,elementN)  在数组的头部添加元素

 

 

 

 

 

 

 

 

 

 

 

 

 

不修改原数组的方法:

 

方法名 说明

concat(value1,value2,...,valueN)

在数组的尾部添加元素,但该方法不修改原数组,只是返回一个在原数组后添加了元素的新数组
join(soearator) 将数组中的元素转换成字符串,并使用分隔符将这些元素连接起来
slice(begin[,end]) 获得数组中的一部分,共作为一个新数组返回
 toSource()  返回数组对象的源代码,可以使用该源代码创建一个新的对象,该方法不是所有浏览器都支持的方法
 toString()  将数组转换成一个字符串
 valueOf()  返回数组对象中所存放的原始值
 indexOf(searchElement[,fromIndex])  返回元素在数组中第一次出现的位置
 lastIndexOf()(searchElement[,fromIndex])  返回元素在数组中最后一次出现的位置

 

 遍历数组元素的方法:

 

方法名 说明
filter(callback[,thisObject]) 逐个测试数组中的元素,返回一个新数组,新数组的元素为原数组中通过测试的元素
forEach(callback[,thisObject]) 让数组中的每一个元素都调用callback函数
every(callback[,thisObject]) 如果数组中的元素都符合callback函数中设置的条件,则返回true,否则返回false
map(callback[,thisObject]) 让数组中的每一个元素都调用callback函数,并将返回值组成一个数组返回
some(callback[,thisObject]) 如果数组中至少有一个元素符满族callback函数中设置的条件,则返回true,否则返回false
reduce(callback[,initialValue]) 将数组中的前两个函数作为参数传递给callback函数,得出值之后,将该值与第三个元素作为参数传递给callback函数,以此类推直到所有元素使用完毕为止,最后将callback函数的返回值返回
reduceRight(callback[,initialValue]) 与reduce()方式类似,只有当遍历数组元素时,才从右至左遍历

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    【JavaScript源代码】JavaScript style对象与CurrentStyle对象案例详解.docx

    JavaScript style对象与CurrentStyle对象案例详解  1、Style对象 style对象代表一个单独的样式声明,可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式,即元素标签中style属性的值。 例子: ...

    javascript获取鼠标点击元素对象(示例代码).docx

    javascript获取鼠标点击元素对象(示例代码).docx

    JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

    本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考,具体如下: /** * 获取相邻元素 * @param ele 参考物元素 * @param type 类型,上一个(1)or下一个(0) * @return ...

    Javascript实现数组中的元素上下移动

    我们交换数组可以实现元素上下移动了,这个效果我们在表格或以前排序算法中都会用到,下面来看一个JavaScript下实现交换数组元素上下移动例子 在写项目的时候,要实现一个数组记录上下移动的示例。写起来也没有没...

    javascript面向对象tree实现实例

    自己手写一个tree实例,tree实现其实很简单,主要先弄清楚html如何显示tree,可以先查看html元素,会发现tree的每个节点都是...然后使用javascript操作dom,例子中有些使用javascript的面向对象,tree计算核心为递归。

    JavaScript — 原生对象和方法1

    documentElement获取文档根元素head元素对象body元素对象getElementById通过Id获取元素getEleme

    JavaScript数组对象实现增加一个返回随机元素的方法

    本文实例讲述了JavaScript数组对象实现增加一个返回随机元素的方法。分享给大家供大家参考。具体如下: 核心特性: 概率随机、顺序随机、随机冒泡 本方法 来自个人手写 JavaScript 的实践,只涉及 JavaScript 1.5...

    JavaScript教程

     对象方法的使用  JavaScript中的数组  范例:动态文字滚动;颜色变化 • 六、 使用内部对象系统  浏览器对象层次及其主要作用  文档对象功能及其作用  范例:文档对象的综合应用 • 七、 窗口及输入输出  ...

    javascript DOM Html 对象参考手册

    javascript DOM Html 对象对象参考手册

    javascript完全学习手册1 源码

    3.2.3 Array对象方法 48 3.3 String对象 51 3.3.1 创建String对象 51 3.3.2 String对象属性 51 3.3.3 String对象方法 53 3.4 Math对象 56 3.5 Date对象 62 3.5.1 Date对象方法 62 3.5.2 使用Date对象 63 3.6 自定义...

    javascript元素动态创建实现方法

    本文实例讲述了javascript元素动态创建实现方法。分享给大家供大家参考。具体分析如下: [removed]只能在页面加载过程中才能动态创建 可以调用document的createElement方法来创建具有指定标签的DOM对象,然后通过调用...

    javascript完全学习手册2 源码

    3.2.3 Array对象方法 3.3 String对象 3.3.1 创建String对象 3.3.2 String对象属性 3.3.3 String对象方法 3.4 Math对象 3.5 Date对象 3.5.1 Date对象方法 3.5.2 使用Date对象 3.6 自定义对象 第4章 ...

    源文件程序天下JAVASCRIPT实例自学手册

    6.1.1 如何使用String对象方法操作字符串 6.1.2 获取目标字符串长度 6.1.3 连接两个字符串 6.1.4 验证电子邮件地址的合法性 6.1.5 返回指定位置的字符串 6.1.6 在URL中定位字符串 6.1.7 分隔字符串 6.1.8 将字符串...

    JavaScript实现动态添加、移除元素或属性的方法分析

    本文实例讲述了JavaScript实现动态添加、移除元素或属性的方法。分享给大家供大家参考,具体如下: JavaScript 动态添加、移除元素 appendChild(newnode) 向节点的子节点列表的末尾添加新的子节点。 insertBefore...

    javascript获取隐藏元素(display:none)的高度和宽度的方法

    js获取可见元素的尺寸还是比较方便的,这个可以直接使用这个方法: 代码如下:function getDefaultStyle(obj,attribute){ // 返回最终样式函数,兼容IE和DOM,设置参数:元素对象、样式特性 return obj.currentStyle...

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 例5-2 JavaScript 获取HTML元素对象

    响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第5章 HTML5 画布 例5-2 JavaScript 获取HTML元素对象

    JavaScript程序设计课件:Array对象.pptx

    JavaScript程序设计 Array对象 6.4.5 Array对象 1、创建Array对象 Array用于创建数组对象及对数组进行处理操作。 创建Array对象的方式有三种: var arr1 = new Array(); //创建空数组 var arr2 = new Array(4); //...

    javaScript对象

    5. Document对象的getElementById()方法用于访问唯一的元素 6. Document对象的getElementsByName()方法用于访问相同name属性的一组元素 7. Document.对象的getElementsByTagName()方法用于访问相同标签的一组元素:: ...

Global site tag (gtag.js) - Google Analytics