JavaScript的数组常用方法

您所在的位置:网站首页 培训感言经典语录朋友圈 JavaScript的数组常用方法

JavaScript的数组常用方法

2023-04-26 20:05| 来源: 网络整理| 查看: 265

●数组是一个复杂数据类型,我们在操作它的时候就不能再想基本数据类型一样操作了●比如我们想改变一个数组

●这样肯定是不合理,因为这样不是在改变之前的数组●相当于重新制作了一个数组给到 arr 这个变量了●相当于把 arr 里面存储的地址给换了,也就是把存储空间换掉了,而不是在之前的空间里面修改●所以我们就需要借助一些方法,在不改变存储空间的情况下,把存储空间里面的数据改变了

数组常用方法之 push

●作用:用来在数组的末尾追加元素●语法: 数组.push(数据)●返回值:添加数据以后, 数组最新的 长度

数组常用方法之 pop

●作用:pop 是用来删除数组末尾的一个元素●语法:数组.pop()●返回值:被删除的数据

数组常用方法之 unshift

●作用:在数组的最前面添加元素●语法:数组.unshift(数据)●返回值:返回数组最新的长度

数组常用方法之 shift

●作用:删除数组最前面的一个元素●语法:数组.shift()●返回值:被删除的数据

数组常用方法之 splice

●作用: splice 是截取数组中的某些内容,按照数组的索引来截取●语法: splice(从哪一个索引位置开始,截取多少个,替换的新元素)○第三个参数可以不写●返回值:返回一个新数组,数组内的值就是刚刚删除掉的值●注意:该方法会改变原始数组

○arr.splice(1, 2) 表示从索引 1 开始截取 2 个内容○第三个参数没有写,就是没有新内容替换掉截取位置

○arr.splice(1, 2, '我是新内容') 表示从索引 1 开始截取 2 个内容○然后用第三个参数把截取完空出来的位置填充

数组常用方法之 reverse

●作用:reverse 是用来反转数组使用的●语法:数组.reverse()●返回值:反转后的数组

数组常用方法之 sort

●作用:sort 是用来给数组排序的●简单用法语法:数组.sort()●基础用法

●升序和降序用法○语法->升序:数组.sort(function (a, b) { return a - b })○语法->降序:数组.sort(function (a, b) { return b - a })●返回值:排序后的数组

数组常用方法之 concat

●作用:concat 是把多个数组进行拼接●语法:数组.concat(数组)●返回值:返回一个新数组●和之前的方法有一些不一样的地方,就是 concat 不会改变原始数组,而是返回一个新的数组

○注意: concat 方法不会改变原始数组

数组常用方法之 join

●作用: 数组里面的每一项内容链接起来,变成一个字符串●可以自己定义每一项之间链接的内容 join(要以什么内容链接)●不会改变原始数组,而是把链接好的字符串返回

○注意: join 方法不会改变原始数组,而是返回链接好的字符串

数组常用方法之 slice●作用:slice 能够截取数组,并返回一个新的 数组不改变数组●语法:数组.slice(下标开始值,下标结束值)○注意:从下标开始值开始,保留到 下标结束值的前一个结束,如果没有下标结束值(也就是没有第二个参数),就保留到最后一个字符结束。●返回值:返回一个新的 数组

数组常用方法之 indexOf●语法: 数组名.indexOf(要查找的数据)●语法二: 数组名.indexOf(要查的数据,索引)○这个语法的意思是.要从指定的索引开始查找该数据,○如果有就放回该数据在原数组中第一个出现的位置,如果没有就返回 -1●作用: 从前往后在数组中查找该数据第一次出现的位置●返回值: 如果该数组中有这个数据就返回这个数据第一个次出现的位置也就是索引,如果没有返回 -1

数组常用方法之 lastIndexOf

●语法: 数组名.lastIndexOf(要查的数据)●语法二: 数组名.lastIndexOf(要查找的数据,索引)○这个语法的意思是.要从指定的索引开始查找该数据,○如果有就放回该数据在原数组中第一个出现的位置,如果没有就返回 -1●作用: 从后往前在数组中查找这个数据第一次出现的位置●返回值: 如果该数组中有这个数据就返回这个数据第一个次出现的位置也就是索引,如果没有返回 -1

数组常用方法之 forEach

●作用:和 for 循环一个作用,就是用来遍历数组的●语法:arr.forEach(function (item, index, arr) {})○item 表示数组内的每一项○index 表示数组内每一项的索引○arr 表示原始数组●返回值:没有返回值,是undefined

○forEach() 的时候传递的那个函数,会根据数组的长度执行○数组的长度是多少,这个函数就会执行多少回

数组常用方法之 map●和 forEach 类似,只不过可以对数组中的每一项进行操作,返回一个新的数组●语法:arr.map(function (item, index, arr) {})●返回值:是一个新数组, 并且和原始数组长度一致○新数组内每一个数据都是根据原始数组中每一个数据映射出来的○映射条件以 return 的形式书写

数组常用方法之 filter

●作用:和 map 的使用方式类似,按照我们的条件来筛选数组●语法:arr.filter(function (item, index, arr) {})●返回值:把原始数组中满足条件的筛选出来,组成一个新的数组返回

○我们设置的条件就是 > 1○返回的新数组就会是原始数组中所有 > 1 的项

数组常用方法之 every

●作用:判断数组中是不是每一个数据都满足条件●语法:arr.every(function (item, index, arr) {})●返回值:一个布尔值○如果数组中每一个都满足条件, 那么返回值 true○只要数组中任何一个不满足条件, 那么返回 false●判断条件以 return 的形式书写

数组常用方法之 some

●作用:判断数组中是不是有某一个满足条件●语法:arr.some(function (item, index, arr) {})●返回值:一个布尔值○如果数组中有任何一个满足条件, 那么返回 true○只有数组中所有的都不满足条件, 才会返回 false

数组常用方法之 reduce

●作用:进行叠加累计,函数根据数组中的成员进行重复调用●语法:arr.reduce(function (prev, item, index, arr) {}, 初始值)○prev: 初始值 或 每一次叠加后的结果○item: 每一项○index: 索引○arr: 原始数组○初始值: 默认是数组索引 0 位置数据, 表示从什么位置开始叠加●返回值:返回最终的结果

数组常用方法之 find

●作用:查找数组中某一个数据●语法:arr.find(function (item, index, arr) {})●返回值:数组中你查找到的该数据。●查找条件以 return 的形式书写

数组常用方法之 findIndex

●作用:查找数组中某一个数据●语法:arr.findIndex(function (item, index, arr) {})●返回值:数组中你查找到的该数据所在的索引位置。●查找条件以 return 的形式书写



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3