`
零度弥合
  • 浏览: 20664 次
  • 性别: 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核心对象参考手册

    Array对象代表数组,它提供了各种操作数组的方法,如`push()`向数组末尾添加元素,`pop()`删除并返回最后一个元素,`shift()`移除并返回第一个元素,`unshift()`在数组开头添加元素,`splice()`用于插入、删除或替换...

    JavaScript面向对象基础.ppt

    JavaScript采用动态绑定,即晚绑定,意味着在运行时决定方法调用的对象。 8.3 JavaScript的对象层次 8.3.1 JavaScript对象模型 JavaScript有全局对象、内置对象、宿主对象等层次结构,如DOM(文档对象模型)和BOM...

    javascript中数组、对象

    JavaScript数组支持多种操作方法,如`push`(在末尾添加元素)、`pop`(移除并返回末尾元素)、`shift`(移除并返回首位元素)、`unshift`(在首位添加元素)、`slice`(截取子数组)、`splice`(插入、删除或替换...

    JavaScript面向对象程序设计

    JavaScript是一种广泛用于Web开发的动态编程语言,虽然它在语法层面并未像Java或C++那样直接支持类(class)等传统面向对象概念,但它仍然具备面向对象的特性,如封装、继承和多态。面向对象编程(OOP)的核心是通过...

    Javascript元素位置、大小、鼠标定位操作

    本文将详细介绍 Javascript 中元素位置、大小、鼠标定位操作相关的知识点,包括事件对象、DOM 对象、Style 对象等提供的相关属性和方法。 一、事件对象 Event 事件对象 Event 提供了多个属性来获取鼠标的当前位置...

    javascript面向对象框架

    2. **Element和DOM操作**:MooTools的Element对象是对DOM元素的封装,提供了一系列方便的方法,如hide、show、toggle等,使得DOM操作更为简便。 3. **FX模块**:MooTools的Fx模块提供了动画效果的实现,如Fx.Tween...

    即用即查JavaScript核心对象参考手册附书光盘

    DOM(文档对象模型)允许我们通过JavaScript操作HTML元素,包括查找、添加、删除和修改元素。 7. **异步编程** 异步编程是JavaScript的重要特性,常用的异步处理方式有回调函数、Promise、async/await等。它们能...

    JavaScript常用对象参考

    在JavaScript中,对象是核心概念之一,它们是一组相关的数据和方法的集合。这篇内容主要总结了JavaScript中的一些常用对象,包括Math对象和Document对象。 Math对象是JavaScript内置的一个全局对象,提供了许多数学...

    即查即用-JavaScript核心对象参考手册.rar

    首先,JavaScript的核心对象包括全局对象、函数对象、数组对象、日期对象、正则表达式对象以及错误对象等。全局对象在任何作用域下都是可访问的,它是所有变量和函数的容器,例如`window`在浏览器环境中就是全局对象...

    浅谈JavaScript Array对象

    在本篇文章中,我们主要探讨了JavaScript中的Array对象,包括其定义、属性、以及常用的实例方法。 首先,我们需要了解JavaScript中数组的基本概念。JavaScript数组是一种值的有序集合,其中的值被称为元素。每个...

    javascript常用方法实例

    6. **数组方法**:JavaScript提供了许多处理数组的方法,如`push()`、`pop()`、`shift()`、`unshift()`、`splice()`、`slice()`等,用于添加、删除或修改数组元素。这些方法在处理网页数据时非常有用。 7. **字符串...

    html,javascript元素属性文档

    JavaScript提供了访问和操作HTML元素属性的方法。例如,我们可以使用`document.getElementById`方法获取特定ID的元素,然后通过`.getAttribute`和`.setAttribute`来读取或修改元素的属性值。此外,JavaScript还可以...

    JavaScript对象经典小册 chm

    综上所述,"JavaScript对象经典小册 chm"涵盖了JavaScript对象和数组的基础知识,以及相关的属性、方法和事件处理程序,是学习和提升JavaScript技能的宝贵资源。通过深入学习这些内容,开发者能够更好地应对复杂的...

    即用即查——JavaScript核心对象参考手册

    它不仅介绍了JavaScript的基础知识,还深入探讨了核心对象的使用方法,并通过大量的实例来帮助读者更好地理解和应用这些知识。 #### 三、核心知识点解析 ##### 1. JavaScript对象概览 - **总数**:15个核心...

    JavaScript获取对象在页面中位置坐标的方法

    在提供的实例中,定义了一个名为`getXY`的函数,它接收一个参数`Obj`,即我们想要获取位置信息的元素对象。这个函数的核心是一个`for`循环,其目的是通过迭代遍历元素的祖先节点,累加每个节点的`offsetTop`和`...

    javascript面向对象编程

    通过示例代码,我们可以看到JavaScript中面向对象编程的基本元素,比如构造函数、原型和实例化对象的过程。例如,一个课程对象的构造器(Lecture)和一个课程表对象的构造器(Schedule)通过创建和操作实例来展示...

    JavaScript对象参考手册

    JavaScript对象参考手册详细列出了JavaScript内置对象的属性和方法,这对于开发者来说是一个非常宝贵的资源。 1. **Array对象**: - Array对象用于创建数组,可以存储任意类型的数据。创建方式有多种,如`new ...

    javascript的所有方法应用

    8. **DOM操作**:JavaScript可以直接操作DOM(文档对象模型),例如`document.getElementById`、`document.querySelector`、`document.querySelectorAll`获取元素,`element.innerHTML`、`element.innerText`改变...

    JavaScript事件对象深入详解

    JavaScript事件对象是JavaScript编程中处理用户交互和...总的来说,理解JavaScript事件对象的属性和方法是创建响应式和交互式网页的关键。熟练掌握事件对象的使用,可以帮助开发者创建更高效、更健壮的JavaScript代码。

    JavaScript常用对象详解

    ### JavaScript常用对象详解 在深入探讨JavaScript的常用对象之前,我们先来理解一下JavaScript作为一种脚本语言,在网页开发中的核心作用。JavaScript使网页具备了动态交互能力,它可以通过操作页面对象和执行各种...

Global site tag (gtag.js) - Google Analytics