资讯专栏INFORMATION COLUMN

关于一些常用数组API的记忆方法(借鉴)

Pluser / 2122人阅读

摘要:为开始截取的索引可为负值,为结束的索引可选向从目标数组中添加删除项目,然后返回被删除的项目。返回累加之后的结果上一次调用回调返回的值,或者是提供的初始值数组中当前被处理的数组项当前数组项在数组中的索引值调用方法的数组帮助记忆增删查改

arr.push();        // 目标数组尾部添加,返回新数组长度
arr.unshift();     // 目标数组首部添加,返回新数组长度
arr.pop();        // 删除目标数组尾部的一个元素,并返回删除的那个元素 
arr.shift();        // 删除目标数组首部的一个元素,并返回删除的那个元素
arr.indexOf(targetElement);    // 查询一个元素是否存在于目标数组中,存在返回对应元素索引,不存在返回-1
arr.lastIndexOf(targetElement, fromindex);    // 逆向(默认开始索引arr.length-1)查询一个元素是否存在数组中,存在返回对应元素索引,不存在返回-1;(fromindex 值可选, 表示逆向查询开始的索引)
arr.find(function(item, index){    // 存在即返回满足条件的第一个元素,不存在返回undefined
    // 筛选条件
});        
arr.findIndex(function(item, index){    // 存在即返回满足条件的第一个元素索引,不存在返回-1
    // 筛选条件
});        

arr.reverse();                // 颠倒目标数组中元素的顺序,返回颠倒顺序之后的目标数组
arr.sort(callback);            // 按照字符编码的顺序进行排序,返回排序之后的目标数组,排序函数为可选(根据比较判断正序/倒序)
arr.map(function(currentitem){        // 返回目标数组元素处理之后的的新数组(callback为元素处理逻辑)
    // currentitem为当前数组元素
});            
arr.concat(arr1,arr2...);    // 在目标数组后面拼接数组,返回拼接之后的新的数组 (类似{...arr,...arr1,...arr2}) 
arr.toString();                // 把数组转换成字符串
arr.join(arg);                // 把目标数组转换成字符串,用arg作为连接符去拼接数组元素,不传参默认用","拼接数组元素,返回拼接之后的字符串
arr.slice(start, end);        // 返回截取目标元素的得到的数组,不会改变原数组。start为开始截取的索引(可为负值),end为结束的索引(可选)
arr.splice(index, num, replaceitem);    // 向/从目标数组中添加/删除项目,然后返回被删除的项目。
arr.reduce(function(accumulator, currentValue, currentIndex, array){    // 返回累加之后的结果
    // accumulator : 上一次调用回调返回的值,或者是提供的初始值(initialValue)
    // currentValue : 数组中当前被处理的数组项
    // currentIndex : 当前数组项在数组中的索引值
    // array : 调用 reduce() 方法的数组 
}, initialValue);    
帮助记忆

增:

push() / unshift()

删:

pop()/shift()

查:

indexOf()/lastIndexOf()/find()/findIndex()

改:

sort()/reverse()
toString()/join()
concat()/splice()
slice()
map()/reduce()

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

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

相关文章

  • [探索]怎么样参数能让 JS - API 更灵活

    摘要:所以参数多多少少影响了的一个灵活程度和使用复杂程度。如果多个参数,使用能更方便,灵活,简单。是否使用对象作为参数,判断的指标应该只有一个是否方便使用,灵活。即使这样可能违法了单一指责原则,但是呼应了最少知识原则。 外在决定是否需要了解内在,内在决定是否会一票否决外在。内外结合,好上加好。 1.前言 开发 API 的时候,把参数的名字和位置确定下来,函数定义就可以说是完成了。因为 API 使...

    psychola 评论0 收藏0
  • [探索]怎么样参数能让 JS - API 更灵活

    摘要:所以参数多多少少影响了的一个灵活程度和使用复杂程度。如果多个参数,使用能更方便,灵活,简单。是否使用对象作为参数,判断的指标应该只有一个是否方便使用,灵活。即使这样可能违法了单一指责原则,但是呼应了最少知识原则。 外在决定是否需要了解内在,内在决定是否会一票否决外在。内外结合,好上加好。 1.前言 开发 API 的时候,把参数的名字和位置确定下来,函数定义就可以说是完成了。因为 API...

    Integ 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    nevermind 评论0 收藏0
  • 前端基础入门五(掌握jQuery常用api,实现动态效果)

    摘要:基本概念学习目标学会如何使用,掌握的常用,能够使用实现常见的效果。想要实现简单的动画效果,也很麻烦代码冗余。实现动画非常简单,而且功能更加的强大。注意选择器返回的是对象。 jQuery基本概念 学习目标:学会如何使用jQuery,掌握jQuery的常用api,能够使用jQuery实现常见的效果。 为什么要学习jQuery? 【01-让div显示与设置内容.html】 使用javasc...

    codecook 评论0 收藏0

发表评论

0条评论

Pluser

|高级讲师

TA的文章

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