分享更有价值
被信任是一种快乐

JavaScript数组操作函数怎么使用

文章页正文上

这篇文章主要介绍“JavaScript数组操作函数怎么使用”,在日常操作中,相信很多人在JavaScript数组操作函数怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript数组操作函数怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!上篇已经简单介绍过,数组就是一个特殊的对象,因此我们可以尝试使用对象的属性删除方法:delete。举个例子:代码执行结果如下:注意观察图中标黄的位置,虽然元素被删除了,但是数组的长度仍然是5,而且删除掉的位置多了一个。如果我们访问下标为2的元素,会得到如下的结果:造成这种现象的原因是,delete obj.key是通过key移除对应值的,也就是说delete arr[2]删除了数组中的2:3键值对,当我们访问下标2时,就是undefined了。而在数组中,我们常常希望删除元素后,元素的位置会被后继的元素填补,数组的长度变短。这个时候,我们就需要splice()方法。需要提前说明的是,splice()方法的功能相当丰富,并非只能删除元素,以下是语法:splice方法从start位置开始,删除deleteCount个元素,然后原地插入e1,e2,e3等元素。以下实例可以从数组中删除一个元素:以上代码删除数组中第一个位置的1个元素,执行结果如下:删除多个元素和删除一个元素用法相同,只需要将第二个参数改为指定数量就可以了,举例如下:代码执行结果如下:如果我们只提供一个参数start,那么就会删除数组start位置后面的所有元素,举个例子:代码执行结果:如果我们提供了超过两个参数,那么就可以替换数组元素,举个例子:代码执行结果如下:以上代码实际上执行了两步操作,首先删除从0开始的2个元素,然后在0位置插入三个新的元素。如果我们把第二个参数(删除数量)改为0,那么就可以只插入元素,不删除元素,举个栗子:splice()函数会返回被删除的元素数组,举个例子:代码执行结果:我们可以使用负数指示开始操作元素的位置,举个例子:代码执行结果如下:slice()方法可以截取指定范围的数组,语法如下:返回一个新数组,新数组从start开始,到end结束,但是不包括end。举例:代码执行结果:slice()同样可以使用负数下标:代码执行结果如下:如果只为slice()方法提供一个参数,就会和splice()一样截断到数组末尾。concat()函数可以将多个数组或者其他类型的值拼接称一个长数组,语法如下:以上代码将返回一个新的数组,新数组由arr拼接e1e2e3而成。举例:代码执行结果如下:普通的对象,即使它们看起来和对象一样,仍然会被作为一个整体插入到数组中,例如:代码执行结果:但是,如果对象具有Symbol.isConcatSpreadable属性,就会被当作数组处理:代码执行结果:遍历整个数组,为每个数组元素提供一个操作函数,语法:应用举例:代码执行结果:代码执行结果:类似于字符串,indexOflastIndexOfincludes可与查询数组中指定元素的下标:arr.indexOf(itm,start):从start位置开始搜索itm,如果找到返回下标,否则返回-1;arr.lastIndexOf(itm,start):倒序查找整个数组,直至start处,返回第一个查到的下标(也就是数组最后一个匹配项),找不到返回-1;arr.includes(itm,start):从start位置开始搜索itm,找到返回true,否则返回false;举例:这些方法在比较数组元素的时候使用的是===,所以false0是不一样的。NaN的处理NaN是一个特殊的数字,三者在处理NaN有细微差别:产生这种结果的原因和NaN本身的特性有关,即NaN不等于任何数字,包括他自己。这些内容在前面的章节已经讲过了,遗忘的童鞋记得温故知新呀。在编程过程中常常会遇到对象数组,而对象是不能直接使用===比较的,如何从数组中查找到满足条件的对象呢?这个时候就要使用findfindIndex方法,语法如下:举个栗子,我们查找name属性等于xiaoming的对象:代码执行结果:如果没有符合条件的对象,就会返回undefined。以上代码还可以简化为:执行效果是完全相同的。arr.findIndex(func)的用途和arr.find(func)几乎相同,唯一不同的地方在于,arr.findIndex返回符合条件对象的下标而不对象本身,找不到返回-1findfindIndex只能查找一个满足要求的对象,如果一个数组中存在多个满足要求的对象,就需要使用filter方法,语法如下:举个例子:代码执行结果:arr.map方法可以对数组的每个对象都调用一个函数,然后返回处理后的数组,这是数组最有用的、最重要的方法之一。语法:举例,返回字符串数组对应的长度数组:代码执行结果:arr.sort对数组进行原地排序,并返回排序后的数组,但是,由于原数组已经发生了改变,返回值实际上没有什么意义。所谓原地排序,就是在原数组空间内排序,而不是新建一个数组代码执行结果:注意,默认情况下sort方法是以字母序进行排序的,也就是适用于字符串排序,如果要排列其他类型的数组,需要自定义比较方法数字数组代码执行结果:sort函数内部采用了快速排序算法,也可能是timsort算法,但是这些我们都不需要关心,我们只需要关注比较函数就可以了。比较函数可以返回任何数值,正数表示>,负数表示0表示等于,所以我们可以简化数字比较方法:如果想要逆序排列只需要交换一下ab的位置既可以了:字符串排序别忘了字符串比较要使用str.localeCompare(str1)方法呦代码执行结果:arr.reverse用于逆序数组这个没啥好说的。还记得字符串分割函数吗?字符串分割函数可以将字符串分割成一个字符数组:冷门知识,split函数有第二个参数,可以限制生成数组的长度arr.join()方法用途和split方法相反,可以将一个数组组合成一个字符串。举个栗子:代码执行结果:arr.reduce方法和arr.map方法类似,都是传入一个方法,然后依次对数组元素调用这个方法,不同的地方在于,app.map方法在处理数组元素时,每次元素调用都是独立的,而arr.reduce会把上一个元素的调用结果传到当前元素处理方法中。语法:试想一下,如何实现一个数字组成的数组元素和呢?map是没有办法实现的,这个时候就需要使用arr.reduce:代码执行过程如下图:arr.reduceRightarr.reduce用途相同,只不过从右往左对元素调用方法。数组是对象的一种特例,使用typeof无法准确的分辨二者的区别:二者都是对象,我们需要使用Array.isArray()方法进一步做判断:arr.some(func)arr.every(func)方法用于检查数字,执行机制和map类似。some对每个数组元素执行传入的方法,如果方法返回true,立即返回true,如果所有的元素都不返回true,就返回falseevery对数组的每个元素执行传入的方法,如果所有元素都返回true,则返回true,否则返回false。举个例子:在所有的数组方法中,除了sort,都有一个不常用固定参数thisArg,语法如下:如果我们传入了thisArg,那么它就会在func中变为this。这个参数在常规情况下是没什么用处的,但是免费云主机、域名如果func是一个成员方法(对象的方法),而且方法中使用了this那么thisArg就会非常有意义。举个例子:代码执行结果:这里我们可以看到,func中输出的this就是我们传入的thisArg值。如果我们使用对象成员方法,同时不指定thisArg的值,就会造成thisundefined,从而导致程序错误。到此,关于“JavaScript数组操作函数怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: vue中的token怎么使用

这篇文章主要介绍了vue中的token怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue中的token怎么使用文章都会有所收获,下面我们一起来看看吧。 vue中token是在免费云主机、域名服务端产生的一串字符串,以作客…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册