首先上一张花费大量时间整理和排序的表格,里面列出了基本所有数组方法,以及参数、返回值,有需要的朋友可以将图片保存,或者根据自己的需要将图片改造,自行定制。
接下来就按照我的个人思路,依次对该表格里的方法解析之。
Ps,所有的方法都会在2019年12月2日-6日,于chrome 78.0 console控制台进行验证并截图,如果遇到其他人结果不一致的,自行将代码输入到浏览器内验证结果。
Pps,全文较长,共计花费约一个礼拜,建议看官可以先点赞或者收藏慢慢看哦~ ^_^
第一类:
转换为字符串
1、toString
JavaScript中将数组转换为字符串,用逗号分隔。
注意1:在转换为字符串时,会同步对数组中的元素做toString,至于结果嘛…看图。
对于结构明确简单的数组可以随意使用,如果习惯用undefined对空值进行标记,或者有对象、数组结构,就要小心了。
注意2:在mdn文档中有提示,“当数组用于字符串环境时,JavaScript 会调用这一方法将数组自动转换成字符串。”这就包含了隐式调用,如果遇到不想用逗号分隔,或者需要显式调用的情况,那就需要下面的join方法啦
2、join
用指定字符连接数组元素,参数为空时与toString方法返回值一致。如果想直接连接,传一个空字符串即可
备注:valueOf是JavaScript中的隐式方法,翻译成人话就是你用不着,toLocalString则是转换为本地字符集字符串,由于国内web开发标准、环境使然,该方法和toString返回一致,所以……你也用不着。
第二类:
操纵、改变数组元素
1、pop、shift、unshift、push
四种方法分别对应着删除末尾元素,删除首个元素,在开头填装元素,在末尾填装元素,而对应返回值分两种,pop和shift返回元素,unshift和push返回改变后的数组长度。
四种方法在成功执行后都会改变原数组。
注意:Push和unshift方法是可以传入多个参数的,会将参数依次插入数组,但pop和shift无论传什么参数,都只会删除一个元素。如果数组为空,则pop和shift不改变数组,并返回undefined。
2、concat
concat() 方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。