js数组方法(管饱)

有一些数组方法是ECMAScript新增的,一定要注意浏览器的兼容!!Array对象属性:属性说明constructor返回对创建此对象的函数引用length返回集合内的元素的所有长度prototype向对象添加属性和方法constructorconst arr = [1, 2, 4, 5, 6, 9, 15]console.log(arr.constructor)//输出为 ƒ Array() { [native code] }lengthconst arr = [1, 2, 4]console.log(arr.length)//输出为 3下文的箭头函数的解释为:x => x*1  ==  function(x){return x*1}如果是有多个参数则:(x,y) => x*y  ==  function(x,y){return x*y}  。我这只是为了简写,并不代表适用。Array对象方法:方法说明shift()删除第一个元素,并返回结果。unshift()插入元素至第一个元素前面,括号内放入要插入的元素。splice()向数组内添加新元素。第一个参数定义添加新元素的位置,以拼接的方式,第二个参数是定义应删除多少个元素slice()找出数组内的指定元素。第一个参数定义删除元素的位置,第二个参数是结束位置。pop()删除数组内的最后一个元素,并返回结果。push()在数组内的末尾添加一个或多个元素,并返回结果。reverse()反转数组内的元素顺序,并返回结果。toString()把数组转换为字符串并返回结果。注意:S为大写。concat()合并(连接)数组创建一个新数组,也可以将括号内的值作为参数合并至当前数组。sort()对数组内的元素进行排序。 (排序的依照我还搞不清楚....)valueOf()返回数组对象的原始值。join() 把数组内的元素拼成字符串,再以指定的分隔符进行分隔。isArray()判断对象是否是一个数组。includes()判断数组内是否包含指定的值,可添加多个。lastIndexOf()返回指定的元素最后出现的位置。find()返回数组内通过条件的第一个元素。注意:用函数判断、如果没有符合条件的元素则返回undefined。indexOf()返回指定元素在数组内的位置。copyWithin()指定元素位置拷贝到另一个位置。注意:后面的元素会被位移出数组,慎用!shift()const myArray = [3, 1, 5, 2, 6]console.log(myArray.shift())//输出为 3unshift()const myArray = [3, 1, 5, 2, 6]console.log(myArray.unshift(1,3,2323))//输出为 [1, 3, 2323, 3, 1, 5, 2, 6]splice()const myArray = [3, 1, 5, 2, 6]console.log(myArray.splice(1,1,'浮云共我归'))//输出为 [3, "浮云共我归", 5, 2, 6]slice()const arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9]console.log(arr2.slice(2, 4))//输出为 (2) [3, 4]pop()const arr2 = [1, 2, 3, 4, 5, 6, 7, 8, 9]console.log(arr2.pop())//输出为 9push()const arr2 = [1, 2, 3, 4]console.log(arr2.push('233','333'))console.log(arr2)//输出为 6 、 (6) [1, 2, 3, 4, "233", "333"]toString()const myArray = [3, 1, 5, 2, 6]console.log(myArray.toString())//输出为 3,1,5,2,6concat()const myArray = [3, 1, 5, 2, 6]const MyArray = [66,77]const result = myArray.concat(MyArray)console.log(result.concat('add'))//输出为 [3, 1, 5, 2, 6, 66, 77, "add"]sort()const arr2 = [6, 2, '云', 1, 4, 'a']const result = arr2.sort((x, y) => { if (x > y) { return 1 } if (x < y) { return -1 } return 0})console.log(result)//输出为 (6) [1, 2, 4, 6, "a", "云"]valueOf()const arr2 = [6, 2, '云', 1]console.log(arr2.valueOf()) // 输出为 (4) [6, 2, "云", 1]join()  (结合split()方法会有意想不到的结果,而且我发现)const arr2 = ['浮','云','共','我','归']console.log(arr2.join('

(0)

相关推荐

  • 几个少见却很有用的 JS 技巧

    Vue中文社区 2021-10-27 今天分享几个少见却很有用的 JS 技巧. 1. "返回"按钮 使用 history.back() 可以创建一个浏览器"返回" ...

  • 5个鲜为人知的JavaScript功能将改善你的代码

    WEB前端开发社区 今天 今天,我想分享一些JavaScript功能的内容,你应该在日常代码中使用这些功能,希望今天的内容对你有所帮助. 1.JavaScript字符串填充 如果你在2016年就使用J ...

  • ES6新增数组的方法

    es6新增数组操作方法 在我们拿到后端数据的时候,可能会对数据进行一些筛选.过滤,传统的做法如下 // 取出数组中name为kele的数组集合 let a = [ { name: 'kele', ti ...

  • 15个你应该掌握的JavaScript数组方法

    点击链接 15个你应该掌握的JavaScript数组方法 WEB前端开发社区 2021-10-12 什么是数组方法? 数组方法是 JavaScript 内置的函数,可以应用于数组.每种方法都有一个独特 ...

  • 前端面试题整理——手写bind函数

    var arr = [1,2,3,4,5] console.log(arr.slice(1,4)) console.log(arr) Function.prototype.bind1 = functi ...

  • lodash函数库 -- drop函数

    drop 函数 drop函数功能:按顺序删除数组元素,当n为正数时,从左删除n个元素;当n为负数时,从右删除n个元素.;当n为0时,创建一个副本. drop返回值:返回一个新的数组. /** * 创建 ...

  • 20个对JavaScript 开发人员的超级有用的技巧

    2021-09-07 JavaScript 是流行编程语言之一,也是许多开发人员最喜欢的语言之一.你可以用它构建 Web 或移动混合应用程序,甚至是机器人开发学习.该语言对于初学者来说,也不是那么困难 ...

  • 15 个优雅的 JavaScript 个技巧

    Vue中文社区 2021-10-18 以下文章来源于大迁世界 ,作者前端小智 大迁世界 我要先坚持分享20年,大家来一起见证吧. JavaScript 有很多很酷的特性,大多数初学者和中级开发人员都不 ...

  • javascript 数组 对象的一些方法记录

    记录一下常用的数组和对象的一些方法 数组 push() 数组后添加元素 // 作用:把一个元素或多个元素,从数组后面添加到数组里面: // 参数:添加的数据 // 返回:添加后的数组的长度: let ...

  • js 高阶函数reduce ——数组取交集、并集

    两个数组取交集 vs 多个数组取交集 => js reduce函数的妙用 1.reduce函数的用法及取数组交集 <script> // 值集数组 let arr1 = [1,2] ...

  • 9个实用的JavaScript开发技巧,你必须知道一下

    WEB前端开发社区 昨天 从Web开发到机器学习再到应用程序开发,JavaScript拥有大量的应用程序列表. 幸运的是,JavaScript提供了可以方便使用的全面功能列表,但是,其中许多功能和ha ...