首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS常用方法-数组篇

会改变原数组的方法 以下七种: push(),pop(),shift(),unshift(),splice(),sort(),reserve(),我自己比较常用的有unshfit(),splice()...对每个数组项进行操作 forEach(): 遍历数组的每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用的为前两个参数接受回调函数对数组进行操作 let...// 分别输出Banana,Orange,Orange console.log(index); // 分别输出0,1,2 }); indexOf(): 搜索元素值在数组第一次出现的位置...Apple' console.log(y); // y值为-1 filter(): 过滤出符合条件的元素组成一个新数组参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身回调函数return.../ [98, 57, 87] reduce(): 可以用统计符合条件元素总数参数:第一个为总数(初始值/先前返回值),第二个参数为每个元素,第三个参数为元素索引号,第四个参数为数组本身常用的为前两个参数

1.9K10

JS数组常用方法

JS 数组常用方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组的所有元素是否都能通过某个指定函数的测试...则删除数组开头到起点的全部元素 12. indexOf()、lastIndexOf() let a = [1, 2, 3, 4, 2, 1]; console.log(a.indexOf(2)); // 返回1, 数组a第一个是...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...回调函数的格式是 (a, b) => { // a, b是数组任意两个数 return xxx; }; 当返回值大于 0 时,a 排在 b 的后面; 当返回值小于 0 时,a 排在 b 的前面...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {

4.2K20

JS数组常用方法大全

数组的方法有数组原型方法,也有从object对象继承来的方法常用方法: join 数组转字符串 split 字符串转数组 push 将数据添加到数组尾部 pop 数组末尾移除最后一项 shift 删除原数组第一项...splice()方法始终都会返回一个数组,该数组包含从原始数组删除的项,如果没有删除任何项,则返回一个空数组。...这两个方法都返回要查找的项在数组的位置,或者在没找到的情况下返回1。在比较第一个参数与数组的每一项时,会使用全等操作符。...(没有的话,返回undefined) filter()方法主要用来筛选数组符合条件的所有元素,并且放在一个新数组,如果没有,返回一个空数组 map()方法主要用来对数组的元素调用函数进行处理,...并且把处理结果放在一个新数组返回(如果没有返回值,新数组的每一个元素都为undefined) forEach()方法也是用于对数组的每一个元素执行一次回调函数,但它没有返回值(或者说它的返回值为

2.9K30

js数组常用方法总结

最近工作中经常用到数组操作,每次都傻傻不知道怎么用,今天有时间整理了一下,希望对大家有帮助!这些基础的知识,要熟记于心。 1、 join() 功能:将数组中所有元素都转化为字符串并连接在一起。...、插入元素到数组或者同时完成这两种操作。 ...之后的参数表示需要插入到数组的元素  输出:返回一个由删除元素组成的数组。 ...arr.lastIndexOf(4)); // 1 16、Array.from()  功能:将两类对象转为真正的数组:类似数组的对象和可遍历的对象  输入:待转换的对象,第二个参数可选,作用类似于数组的map方法...()) { 14 console.log(index, elem); 15 } 16 // =>0 "a" 17 // =>1 "b" 如果不使用for…of循环,可以手动调用遍历器对象的next方法

4.9K30

js数组常用方法详解

接着之前数组常用方法详解(一)第二部分介绍数组剩下的一些常用方法 2.12 *** concat() concat()方法可以在现有数组全部元素基础上创建一个新数组,它首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾...; // arr3: [1, 2, 3, 4, 5, 6] arr2: [1, 2, 3] 2.13 *** slice() slice()用于创建一个包含原有数组中一个或多个元素的新数组(截取数组的某一段...indexOf()方法从数组前头(第一项)开始向后搜索,而lastIndexOf()从数组末尾(最后一项)开始向前搜索;indexOf()和 lastIndexOf()都返回要查找的元素在数组的位置,...其中元素是数组当前搜索的元素,索引是当前元素的索引,而数组就是正在搜索的数组这两个方法都从数组的最小索引开始。...以上就是数组的一些常用方法和属性,对一些我认为比较重要且常用方法我都会在标题处加上 *** ,希望可以帮助到各位,谢谢!

1.4K30

前端开发JS——jQuery常用方法

13、jQuery键盘事件之keypress()事件 keydown事件触发在文字还没敲进文本框,这时如果在keydown事件输出文本框的文本得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成...show和hide方法是修改display属性,通过visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式,你就需要通过css方法修改属性,并在属性之后添加!...important重写样式 2、jQuery显示与隐藏切换toggle方法(改变样式display:none/block) toggle方法是上述两个方法的切换 $ele.toggle()...因为动画是异步的,所以要在动画之后执行某些操作就必须要写到回调函数里面 6、jQuery淡出淡入切换fadeToggle方法(改变元素的透明度) fadeToggle 方法是上述两个方法的切换 $ele.fadeToggle...快捷参数:fast默认200ms,slow默认600ms,duration时间,complete:function(){}等 7、jQuery淡入效果之fadeTo方法(改变元素的透明度) fadeTo

4.8K20

JS常用方法整理-遍历对象

简介 JS中经常需要对对象的属性进行遍历,下面我们来总结一下JS遍历对象属性的几种方法。...,返回该对象自身可枚举属性的键值对数组,其排列与使用for...in...循环循环遍历该对象时返回的顺序一致(区别在于 for-in 循环也枚举原型链的属性)。...Object.keys() Object.keys()方法接收一个对象为参数,返回一个数组,包含该对象自身的(不含继承的)可枚举属性的key值(不含Symbol属性)。...注:7,8涉及到ES6新增类型Symbol,我会在ES6知识详细讲解。 参考 如何遍历JS对象中所有的属性 包括enumerable=false的属性?...javaScript遍历对象、数组总结 【探秘ES6】系列专栏(八):JS的第七种基本类型Symbols MDN-Object

4.5K20

JS 数组的常用方法归纳

如果调用该方法时没有使用参数,将按字母顺序对数组的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。       ...7.splice() 向/从数组添加/删除项目,然后返回被删除的项目。  该方法会改变原始数组。...splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表声明的一个或多个值来替换那些被删除的元素...不改变原数组的方法 concat() 连接两个或多个数组,不改变现有数组,返回新数组,添加的是数组的元素 join(",") 把数组的所有元素放入一个字符串,通过‘,’分隔符进行分隔,返回字符串 slice...(start,end) 从已有的数组返回选定的元素,从start开始选取, (若是负数,从尾部开始算起的位置:-2指倒数第二个元素)到end(不包括该元素),该方法不修改数组,返回一个字数组 map(

2.2K30

js数组常用方法「建议收藏」

concat方法只能将传入数组的每一项添加到数组,如果传入数组中有些项是数组,那么也会把这一数组项当作一项添加到arrCopy。...: 2个索引方法:indexOf()和 lastIndexOf() 两个方法都返回要查找的项在数组首次出现的位置,在没找到的情况下返回-1 indexOf()——–array.indexOf(item...语法:array.map(function(currentValue , index , arr){//do something}, thisValue) map方法实现数组每个数求平方: <script...:reduce()、reduceRight() 这两个方法都会迭代数组的所有项,然后生成一个最终返回值。...方法为数组的每个元素都调用一次函数执行。当数组的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。

1.7K20

js常用的数组方法

语法: array.length //数组长度 功能:获取数组array长度,返回值为 number 1.通过设置 length可以从数组的末尾移除项或向数组添加新项。...prototype 使您有能力向对象添加属性和方法。 4.数组对象的方法 4.1添加属性:   1.push():将数组添加到原数组末尾,并返回数组的长度。  ...2.slice(start,end): 从已有的数组返回选定的元素     start:规定从何处开始选取,如果是负数,那么它规定从数组尾部开始算起位置。     ...reverse():用与颠倒数组的顺序。   ...2.sort():用于对数组的元素进行排序。     2.1:即使数组的每一项都是数组,sort方法比较的也是字符串。     2.2:sort()方法可以接受一个比较函数作为参数。

1.8K20
领券