资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/javascript数组方法总结

javascript数组方法总结

HitenDev / 2308人阅读

摘要：返回值如果查找到该元素则返回否则返回方法用法该方法为数组中的项执行直到找到一个满足条件的即返回否则返回被调用时不会改变数组。返回值排序后的数组注意原数组已经修改

javascript数组方法

给数组增加元素

(1)

  array.push(element1,...,elementN)

用途：push方法在原来的数组末尾添加一个或者多个元素;
返回值是：新数组的长度;

(2)

  array.unshift(element1,...,elementN)

用途: unshift方法在原来数组的开头添加元素
返回值是: 新数组的长度

删除数组的某些元素
(1)

 array.pop()

用途是: 从尾部删除数组的最后一个元素
返回值是: 数组被删除掉的元素
(2)

 array.shift()

用途是: 从头部删除数组的第一个元素
返回值是: 数组被删除掉的元素

(3)splice方法：通过指定下标删除数组中的元素和添加新元素来更改数组的内容

arr.splice(start,deleteCount,item1...)

用法：
start指定修改的开始位置
deleteCount(可选)指定要移除的数组元素的个数，如果是0，则不移除元素，如果不填则表示把start即之后的所有元素都删除
item1...表示从start位置开始添加元素
返回值：由被删除的元素组成的数组，如果没有删除则返回空数组
注意：该方法会直接修改原数组

判断是否为数组

Array.isArray(obj)

如果obj是数组，返回true；否则返回false

合并数组

var newArray = oldArray.concat(arr1,arr2,...)

注意：不会修改原来的数组

真值检测方法：
(1) every方法

   arr.every(callback)

用途：判断数组中的每个元素是否符合条件，如果符合条件则返回true,如果数组中有一个元素不符合条件则返回false;
callback: callback传入三个参数，分别是：元素值，元素的索引，原数组
该方法不会改变原数组

(2)includes方法

arr.includes(searchElement, fromIndex)

解释 searchElement为必填项，是要查找的元素值，fromIndex是选填项，是指从该索引来进行查找。
返回值 如果查找到该元素则返回true,否则返回false
(3)some方法

arr.some(callback)

用法：该方法为数组中的项执行callback,直到找到一个满足条件的即返回 true,否则返回false
some 被调用时不会改变数组。

fill方法，修改数组

arr.fill(value,start,end)

用途：fill方法通过传入三个参数，value是修改的值，start和end是数组的下标
返回结果：返回修改后的数组
这个方法会修改原数组

filter方法：筛选原数组中的合适的元素并返回新的数组

var new_ARR = arr.filter(callback(element,index,array))

用途：通过callback函数来得到符合条件的数组并返回
该方法不会修改原来的数组

forEach方法：对数组中的每一项元素执行回调函数

array.forEach(callback(currentValue,index,array))

用途：forEach方法对数组中的每一项进行遍历操作
返回值 undefined

查找数组索引
(1) indexOf():返回数组中找到指定元素的索引，如果不存在返回-1

arr.indexOf(searchElement,fromIndex)
   **说明**: fromIndex如果不传，默认值是0;indexOf方法是从数组的前面往后进行查找的

(2) lastIndexOf(): 从数组的后面向前查找，如果找到则返回数组的下标，否则返回-1；

arr.lastIndexOf(searchElement,fromIndex)

数组转化为字符串的方法
(1) join: 将一个数组的所有元素连接成一个字符串并返回

str = arr.join()//默认为,
str = arr.join("")//分隔符为""
str = arr.join(separator)//分隔符
   **描述**: 将所有的数组元素转化为字符串，再用一个分隔符把这些字符串连接起来，如果元素是undefined或者null,则转化成空字符串。
   **注意**: join 方法不会改变原来的数组

slice方法：返回一个从开始到结束（不包括结束）选择的数组的一部分浅拷贝到一个新数组对象。且原始数组不会被修改

高阶方法：
(1) map

   var newArr = arr.map(callback(currentValue,index,array))

用法: 对数组中的每一个元素调用callback,然后返回一个新的数组
(2) reduce：对累加器和数组中的每一个元素从左到右应用一个函数，将其减少为单个值

arr.reduce(callback,initalValue)

用法：callback函数中有四个参数，
accumulator是累加上一次调用回调时返回的累加值
currentValue:数组中正在处理的元素
currentIndex:数组中正在处理的当前元素的索引（可选）
array: 调用reduce的数组
initalValue:用作第一个调用 callback的第一个参数的值。 如果没有提供初始值，则将使用数组中的第一个元素
返回值：函数累计处理的结果
注意：该函数不会改变原来的数组
(3)reduceRight: 从右向左进行累加，其他和reduce一样
(4)sort: 对数组的元素进行排序

arr.sort(compareFun)

用法：通过compareFun来指定数组按照某种顺序进行排序，如果没有传递该函数，则数组中的每个元素转化为字符串，并按照字符的Unicode来排序。
返回值：排序后的数组
注意：原数组已经修改

GPU云服务器 云服务器 javascript数组方法 方法总结 使用方法总结 java数组本章总结

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108470.html

相关文章

  • JavaScript基础总结（三）——数组总结

    摘要：关于中的数组做出了如下总结数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数访问数组通过下标的方法来访问可以获得数组长度。 关于JavaScript中的数组做出了如下总结：1、数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数；访问数组通过下标的方法来访问；arr.length可以获得数组长度。2、数组栈方法包括：...

    enda 评论0 收藏0

  • JavaScript学习总结（六）数据类型和JSON格式

    摘要：并列数据的集合数组用方括号表示。第三种类型是映射，也就是一个名值对，即数据有一个名称，还有一个与之相对应的值，这又称作散列或字典，比如首都北京。中有种简单数据类型也称为基本数据类型和。数值布尔值对象和字符串值都有方法。 什么是JSON JSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON的形式是用大括号{}包围起来的项目列表...

    laznrbfe 评论0 收藏0

  • Javascript基础之Array数组API

    摘要：数组原型提供的方法非常之多，主要分为三种直接修改原数组原数组不变，返回新数组数组遍历方法直接修改原数组的删除一个数组中的最后的一个元素，并且返回这个元素添加一个或者多个元素到数组末尾，并且返回数组新的长度删除数组的第一个元素，并返回这个元素 Javascript数组原型提供的方法非常之多，主要分为三种： 直接修改原数组 原数组不变，返回新数组 数组遍历方法 直接修改原数组的API ...

    hsluoyz 评论0 收藏0

  • JavaScript遍历对象和数组的方法总结

    摘要：日常开发中我们难免需要对数组和对象进行遍历，今天抽空来总结下遍历数组和对象常用的方法。使用遍历对象注只能遍历出自身可枚举的属性，而不能遍历出原型链上面的属性。 日常开发中我们难免需要对数组和对象进行遍历，今天抽空来总结下遍历数组和对象常用的方法。 Javascript遍历数组总结 我们定义一个数组 var arr = [2,4,6]; 1.使用for循环遍历 var lengt...

    jiekechoo 评论0 收藏0

  • JS程序

    摘要：设计模式是以面向对象编程为基础的，的面向对象编程和传统的的面向对象编程有些差别，这让我一开始接触的时候感到十分痛苦，但是这只能靠自己慢慢积累慢慢思考。想继续了解设计模式必须要先搞懂面向对象编程，否则只会让你自己更痛苦。 JavaScript 中的构造函数 学习总结。知识只有分享才有存在的意义。 是时候替换你的 for 循环大法了~ 《小分享》JavaScript中数组的那些迭代方法~ ...

    melody_lql 评论0 收藏0

  • 关于javascript数组方法的总结

    摘要：关于数组方法的总结以此数组为操作对象以下方法不改变原数组只是数组的转换字符串使用括号中的字符串连接数组中的每个元素，返回一个连接好的字符串，不改变原数组可以将数组转换成字符串形式，返回字符串，不改变原数组。 关于数组方法的总结 【arr(1,2,3,4);以此数组为操作对象；】 以下方法不改变原数组（只是数组的转换） arr.join(字符串)： 使用括号中的字符串连接数组中的每个元...

    Yi_Zhi_Yu 评论0 收藏0

发表评论

登陆后可评论

0条评论

HitenDev

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<