主要有两个 indexOf():在数组中查找给定元素的第一个索引 如果存在返回索引不存在返回-1;该函数只返回第一个满足条件的元素索引 var arr = ['a','b','c','b'] console.log...(arr.indexOf('b'))//返回1 console.log(arr.indexOf('d'))//返回-1 lastIndexOf() 与功能一样,不过该函数是从数组后面开始查找的,返回元素的索引是正确的索引...['a','b','c','b'] console.log(arr.indexOf('b'))//返回1 console.log(arr.lastIndexOf('b'))//返回3 数组去重...//去掉arr的重复元素 var arr = ['a','b','c','b','a']; 核心原理:遍历旧数组,然后拿着旧数组元素去查询新数组,如果该元素在新数组里面没有出现过,我们就添加,否则不添加
js数组常用方法还挺多的,有16个,如果面试官问你这道题可不要只回答几个哟,那是会扣分的! 1. Array.push(),向数组的末尾添加一个或多个元素,并返回新的数组长度。原数组改变。...(注意该方法和forEach的区别)。...16.Array.reduce(function),reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。...接着面试官可能还会问你: 原数组改变的方法有:push pop shift unshift reverse sort splice 不改变原数组的方法有:concat map filter join...感兴趣的请看下一篇文章—>reduce()数组方法的使用场景 我是不爱吃糖的程序媛,关注我不迷路,向前端大佬出发!
} } return newArr } } console.log(deduplication(arr1)); //3,5,6,7,test 对象数组去重方法...1. reduce方法去重 let obj = {}; let arr = [ { name: 'swt', pwd: '123456' }, { name: 'swt...ES6 Set Set本身是一个构造函数,用来生成Set结构;它类似于数组,但是成员的值是唯一的,没有重复的值 let arr = [ { name: 'swt', pwd: '123456
01 - 添加数组元素方法 push()方法: 在数组结尾处向数组添加一个新的元素(其余元素索引未改变),参数为被添加元素 let fruits = ['苹果','香蕉','橘子'] fruits.push...// x的值为4 02 - 删除数组元素方法 pop()方法: 删除数组中最后一个元素(其余元素索引未改变) let fruits = ['苹果','香蕉','橘子'] fruits.pop...// 让数组顺序翻转 console.log(x); // ["Mango","Apple","Orange","Banana"] 不改变原数组的方法 01 - 数组合并和裁剪 concat...()方法: 合并两个数组或是一个数组和多个元素,类似于向数组添加元素参数可以为一个数组或是元素,返回值为合并后的新数组 let fruits = ["Banana", "Orange", "Mango..."Pear", "Lemon"] 02 - 数组迭代方法 对每个数组项进行操作 forEach(): 遍历数组的每个元素参数:第一个为每个元素,第二个为该元素索引号,第三个为数组本身常用的为前两个参数接受回调函数对数组进行操作
数组的方法有数组原型方法,也有从object对象继承来的方法, 常用方法: join 数组转字符串 split 字符串转数组 push 将数据添加到数组尾部 pop 数组末尾移除最后一项 shift 删除原数组第一项...) split() 方法用于把一个字符串分割成字符串数组。...unshift:将参数添加到原数组开头,并返回数组的长度 。 这组方法和上面的push()和pop()方法正好对应,一个是操作数组的开头,一个是操作数组的结尾。...在排序时,sort()方法会调用每个数组项的 toString()转型方法,然后比较得到的字符串,以确定如何排序。...这个方法会先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组。在没有给 concat()方法传递参数的情况下,它只是复制当前数组并返回副本。
JS 数组常用的方法(个人感觉) 1. forEach() 循环,无法在中间停止 2. some() 循环,找到符合条件的之后,可以通过 return true 退出循环 3. every() 测试数组中的所有元素是否都能通过某个指定函数的测试...amount, item) => (amount += item.price * item.count), 0); console.log(amount); //返回70 6. map() map()方法把调用它的数组的每一个元素分别传给指定的函数...2, , 3]; // 如果数组是稀疏的,缺失元素不会调用函数,但是返回的数组也会和原始数组一样稀疏 let newA = a.map((v) => v * v); console.log(newA)...; console.log(a.split(",")); 16. sort() sort()方法对数组元素按字母顺序对数组元素排序 let arr = [1, 2, 11, 23, 22, 111,...所以,要实现升序排序,可以按下面的方法 let arr = [1, 2, 11, 23, 22, 111, 12, 9, 8]; console.log( arr.sort((a, b) => {
1、Switch语句 语法结构 switch(变量) { case 情况1: //符合情况1,执行下面代码 Js代码; break; ...Js中的数组是将任意数据类型,放在一起按照一定顺序排练的集合 (1)、数组的两种定义方式 Var ary=new Array() 创建对象的方式 Var ary1=[]; (2)、...; i++) { alert(ary[i]); //通过下标获取 } 9、数组合并 concat方法 // var ary3 = [12, 324, 4, "re"]; // var ary1 =...[234, 87, "hd"]; // var ary2 = ary3.concat(ary1); //数组合并 合二为一 // alert(ary2); // join方法 返回的是字符串类型...var ary = [123, 56, 343]; var ary2 = ary.join("ad") //在数组中间加入字符 alert(ary2); 10、函数(方法)定义 通过 function
= [1,5,3,9,8]; var cut = array.slice(1,4); console.log(cut); 打印出的结果是 [5, 3, 9] 值得注意的是,slice()不会操作原有数组
Array(5,6,7); //创建一个具有多个元素的数组 二、数组方法概括 方法名 对应版本 功能 原数组是否改变 concat() ES5- 合并数组,并返回合并之后的数据 n join()...12.valueOf() 功能:返回数组的原始值(一般情况下其实就是数组自身),一般由js在后台调用,并不显式的出现在代码中 参数:无 var arr = [1,2,3]; console.log...该方法是查询方法,不会对数组产生改变。...该方法是查询方法,不会对数组产生改变。...,用来遍历数组,该方法没有返回值。
01、concat()---合并数组的方法 02、join(separator)--把数组的所有元素放入一个字符串。元素通过指定的分隔符separator进行分隔。...03、shift()---删除数组第一个元素 04、pop()---删除数组最后一个元素 05、unshift()---在数组开头追加元素 06、push()---在数组末尾追加元素 07、reverse...()---翻转数组元素 08、sort()---数组排序 09、splice(start,deleteCount,val1,val2,...)...---新元素替换原来的元素,从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... 10、slice(start,end)---从一个已有的数组中返回选定的元素,...返回从原数组中指定开始下标到结束下标之间的项组成的新数组 11、toString()----把数组转化成字符串 12、indexof()---返回某个指定的字符串值在数组中首次出现的位置。
接着之前数组常用方法详解(一)第二部分介绍数组剩下的一些常用方法 2.12 *** concat() concat()方法可以在现有数组全部元素基础上创建一个新数组,它首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾...indexOf()方法从数组前头(第一项)开始向后搜索,而lastIndexOf()从数组末尾(最后一项)开始向前搜索;indexOf()和 lastIndexOf()都返回要查找的元素在数组中的位置,...其中元素是数组中当前搜索的元素,索引是当前元素的索引,而数组就是正在搜索的数组这两个方法都从数组的最小索引开始。...some(): 对数组每一项都运行传入的函数,如果有一项函数返回 true,则这个方法返回 true。...以上就是数组的一些常用方法和属性,对一些我认为比较重要且常用的方法我都会在标题处加上 *** ,希望可以帮助到各位,谢谢!
ES5 方法总结 slice /1.slice方法 1) 作用:从一个数组中截取出新的数组 2) 格式:数组名.slice(begin,end); begin表示开的下标 end表示结束的下标...,但是在截取时不包含结束下标对应的元素 3) 注意: 原数组不受影响 如果只设置一个参数,即begin,那么会从begin截取到最后 如果不写参数,那么slice方法可以实现数组的复制...let arr2 = arr.clone() console.log(arr2) console.log( arr2 === arr ) concat() 使用 concat() 用于连接两个或多个数组...该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本 Array.prototype.clone=function(){ return [].concat(this); //或者...this.concat(); } let arr = ['aaa','asss'] let arr1 = arr.clone() arr[0] = 123 console.log(arr,arr1) ES6 方法总结
输入:待拼接的元素;如果参数中有数组,则连接的是数组元素,而非数组本身;但是不支持递归,不修改调用的数组。 ...输出:拼接后的新数组 注意:新建的数组,原数组不改变。 ...输入:和forEach一样 输出:执行完函数的新数组 注意:返回新数组,不修改原数组 1 // map() 调用的数组的每一个元素传递给指定的函数,并返回一个新数组 ,不修改原数组 2...:类似数组的对象和可遍历的对象 输入:待转换的对象,第二个参数可选,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。 ...()) { 14 console.log(index, elem); 15 } 16 // =>0 "a" 17 // =>1 "b" 如果不使用for…of循环,可以手动调用遍历器对象的next方法
整数,规定从何处添加/删除元素,是开始插入/删除的数组元素的下标 howmany 必需。整数,规定删除多少个元素。如果设置为 0,则不会删除元素 item1, …, itemX 可选。...向数组添加的新元素 例: //指定位置删除指定个数元素(多个) var arr = ['a','b','c','d']; var res = arr.splice(2,1); console.log(...res); //返回被删除的元素:["c"] console.log(arr); //修改后的数组:["a", "b", "d"] //指定位置删除指定个数(0个) var arr = ['a','b...','c','d']; var res = arr.splice(2,0); console.log(res); //返回被删除的元素:[] console.log(arr); //修改后的数组:["a...:["a", "b", "插入", "d"] 2、delete:用于删除对象的某个属性,或删除数组的某一项 (详细说明:https://developer.mozilla.org/zh-CN/docs/
大家好,又见面了,我是你们的朋友全栈君 用 entries方法 和 map 方法,对象转成数组 let Obj = { allOrder: 1, notStart: 2,
改变原数组的方法 shift() 把数组的第一个元素从其中删除,并返回第一个元素的值, 如果数组是空的,那么 shift() 方法将不进行任何操作,返回 undefined 值。...请注意,该方法不创建新数组,而是直接修改原有的 arrayObject。 该方法会改变数组的长度。 unshift() 可向数组的开头添加一个或更多元素,并返回新的长度。...该方法的第一个参数将成为数组的新元素 0,如果还有第二个参数,它将成为新的元素 1,以此类推。请注意,unshift() 方法不创建新的创建,而是直接修改原有的数组。该方法会改变数组的长度。...push() 方法和 pop() 方法使用数组提供的先进后出栈的功能。 该方法会改变数组的长度。 reverse() 用于颠倒数组中元素的顺序。 该方法会改变原来的数组,而不会创建新的数组。...splice() 方法与 slice() 方法的作用是不同的,splice() 方法会直接对数组进行修改 splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素
js 数组的push方法,想必大家都知道是向数组末尾添加元素,但是有一个很关键的点需注意: 引自 MDN 返回值 当调用该方法时,新的 length 属性值将被返回。...顺带记一下其他几个数组的方法返回值: pop() pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。...shift() shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度。...., elementN 要添加到数组开头的元素。 返回值 当一个对象调用该方法时,返回其 length 属性值。 concat() concat() 方法用于合并两个或多个数组。...此方法不会更改现有数组,而是返回一个新数组。
JS中的数组方法总结 Array.push() 向数组的末尾添加一个或者多个元素,并返回新的长度 let arr =[1,2,3]; console.log(arr.push(6)) //打印结果为...(arr) //打印结果 [1,2,3,4] Array.concat(arr1,arr2) 连接2个或者更多的数组,并返回连接后的新数组,该方法不会改变原数组 let arr1 = [1,2,3...UniCode码排序,也可以传参指定排序方法,arr.sort(fn(second,fitst)),该方法会改变原数组 let arr = [2,1,3] console.log(arr.sort((...arr = [1,2,3] console.log(arr.valueOf()) //[1,2,3] Array.entries()、Array.keys()、Array.values() 这三个方法都用于遍历数组...map方法,然后对返回结果再执行flat方法返回新数组,不改变原数组 [1,2,3].flatMap((item)=>{ return [item,item*item] }) //[1,1,2,4,3,9
1.不生成新数组的迭代器方法 forEach() 该方法接受一个函数作为参数,对数组中的每个元素使用该函数。...该方法会从一个累加值开始,不断对累加值和数组中的后续元素调用改函数,直到数组中的最后一个元素,最后返回得到的累加值。...fox"]; var sentence = word.reduceRight(concat); console.log(sentence);//" fox brown quick the"; 2.生成新数组的迭代器方法...map() 该方法对数组中的每个元素使用某个函数,返回一个新的数组,该数组的元素是对原有元素应用某个函数得到的结果。...,当对数组中的所有元素应用改函数,结果均为true时,该方法并不返回true,而是返回一个新的数组。
一、reduce 方法 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。...也就是说,这个累加器会从第一个累加值开始,不断对累加值和数组中的后续元素调用该累加器,直到数组中的最后一个元素,最后返回得到的累加值。...用于执行每个数组元素的累加器函数。...当前元素所属的数组对象。 initialValue 可选。...,采用分而治之的方法,即将 reduce 函数第一个参数 callback 封装为一个数组,由数组中的每一个函数单独进行叠加并完成 reduce 操作。
领取专属 10元无门槛券
手把手带您无忧上云