js 数组方法比较
- js 数组方法比较
table th:first-of-type {
width: 80px;
}
table th:nth-of-type(2) {
width: 120px;
}
table th:nth-of-type(3) {
width: 160px;
}
方法 | 是否影响原数组 | 返回值 | 作用 |
---|---|---|---|
concat | 不会改变原始数组 | 返回一个新的数组 | 连接两个或多个数组 |
slice | 不会改变原始数组 | 返回一个新数组或字符串 | 提取数组、字符串的指定部分 |
join | 不会改变原始数组 | 返回一个字符串 | 把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的,默认是分号(,)。 |
some | 不会改变原始数组 | 返回true或false | 检测数组中是否有元素满足指定条件(函数提供) |
every | 不会改变原始数组 | 所有元素都通过检测返回 true,否则返回 false | 用于检测数组所有元素是否都符合指定条件(通过函数提供);如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。如果所有元素都满足条件,则返回 true。 |
find | 不会改变原始数组 | 返回符合条件的元素;如果没有符合条件的元素返回 undefined | 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined |
forEach | 不会改变原始数组 | 返回值:undefined | 用于调用数组的每个元素,并将元素传递给回调函数。 |
map | 不会改变原始数组 | 返回一个新数组 | 新数组中的元素为原始数组元素调用函数处理后的值。 |
filter | 不会改变原始数组 | 返回一个新数组 | 新数组中的元素是通过检查指定数组中符合条件的所有元素。 |
push | 会改变原始数组 | 返回新的长度 | 向数组的末尾添加一个或多个元素,并返回新的长度 |
pop | 会改变原始数组 | 返回删除的元素 | 删除数组的最后一个元素,并返回删除的元素 |
unshift | 会改变原始数组 | 返回新的长度 | 向数组的开头添加一个或多个元素,并返回新的长度 |
shift | 会改变原始数组 | 返回删除的元素 | 删除数组的第一个元素,并返回删除的元素 |
reverse | 会改变原始数组 | 返回颠倒顺序后的数组 | 颠倒数组中元素的顺序 |
sort | 会改变原始数组 | 返回排序后的数组 | 对数组的元素进行排序 |
splice | 会改变原始数组 | 如果删除或替换了元素,则返回的是含有被删除或替换元素的数组;插入元素时,返回一个空数组 | 插入、删除或替换数组的元素 |
js 数组方法比较的更多相关文章
- js数组方法详解
Array对象的方法-25个 /*js数组方法详解 */ /* * 1 concat() 用于连接多个数组或者值-------------- * 2 copyWithin() 方法用于从数组的指定位置 ...
- 转载收藏(js数组方法大全)
js数组方法大全 JavaScript中创建数组有两种方式 (一)使用 Array 构造函数: var arr1 = new Array(); //创建一个空数组var arr2 = new Arra ...
- js数组方法大全(上)
# js数组方法大全(上) 记录一下整理的js数组方法,免得每次要找方法都找不到.图片有点多,注意流量,嘻嘻! 本期分享 join() reverse() sort() concat() slice( ...
- js数组方法大全(下)
# js数组方法大全(下) 记录一下整理的js数组方法,免得每次要找方法都找不到.图片有点多,注意流量,嘻嘻! 本期分享 forEach() map() filer() every() some() ...
- JS数组方法汇总 array数组元素的添加和删除
js数组元素的添加和删除一直比较迷惑,今天终于找到详细说明的资料了,先给个我测试的代码^-^ var arr = new Array(); arr[0] = "aaa"; arr[ ...
- 几个关于js数组方法reduce的经典片段
以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段,后续遇到其他使用这个函数的场景,将会陆续添加,这里作为备忘. javascript数组那么多方法,为什么我要 ...
- js数组方法详解(最新最全)
数组是js中最常用到的数据集合,其内置的方法有很多,熟练掌握这些方法,可以有效的提高我们的工作效率,同时对我们的代码质量也是有很大影响.本文所有的栗子都是在es7环境下测试的,如果有问题欢迎留言交流 ...
- js数组方法解析
js 数组有很多方法,其中有的常用,有的不常用,归纳几个常用的方法,做个总结: 1. 转换方法: 1.1 valueOf():调用这个方法会返回数组本身 <script> var arr ...
- js数组方法
数组方法清空数组1: arr.length=02: arr=[]arr.push()//往数组最后一个添加元素,会待会一个返回值,就是新的数组长度arr.unshift()//往数组的第一个添加元素, ...
随机推荐
- 从0开始接触html--第一天学习内容总结
第一天 总结: h1-h6 p 段落 hr br 有序 ol li 无序 ul li 定义列表 dl dt dd 块级元素:独占一行,h1-h6 p hr div 行内元素:共占一行, em和i st ...
- postgresql数据库常用命令
--获取数据库软件版本select version();--获取数据库启动时间select pg_postmaster_start_time();--获取配置文件最近load时间select pg_c ...
- learning shell args handing key=value example (2)
Shell args handing key=value example [Purpose] Learning how to handing ker=value args [Eevi ...
- Python & PyCharm & Django 搭建web开发环境(续)
由于Django自带轻量级的server,因此在前篇博文中,默认使用该server,但实际生产中是不允许这么干的,生产环境中通常使用Apache Httpd Server结合mod_wsgi.so来做 ...
- struts2 正确配置通配符方式访问,报错解决
今天遇到正确配置通配符访问action的方法,但是还是报错,原因struts 2.3 以后会内部会验证是否允许该方法,而我用的刚好是2.5的版本 要action配置中加上<allowed-met ...
- sql server 的游标
-- sql server 中的游标 --声明游标 /* declare cursorname [insensitive] [scroll] cursor for <select-查询块> ...
- <NET CLR via c# 第4版>笔记 第18章 定制特性
18.1 使用定制特性 FCL 中的几个常用定制特性. DllImport 特性应用于方法,告诉 CLR 该方法的实现位于指定 DLL 的非托管代码中. Serializable 特性应用于类型,告诉 ...
- Jmeter BeanShell 从数据库中获取数据并创建一个requesBody
一.前言 在测试接口的时候常常会使用到数据库中的数据,当要使用大量的数据时,仅仅使用数据库查询是不够的.还需要使用自动化让操作更简便. 下面以一个简单的例子阐述一下如何使用beanShell让代码更简 ...
- avalon源码阅读(1)
来源 写angularJS源码阅读系列的时候,写的太垃圾了. 一个月后看,真心不忍直视,以后有机会的话得重写. 这次写avalonJS,希望能在代码架构层面多些一点,少上源码.多写思路. avalon ...
- jquery ajax 语法
$("select[name=type_id]").change(function(e) { var val=$(this).val(); $.ajax({ ...