js数组的各种方法

发布时间:2019-08-11 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了js数组的各种方法脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

首先由一个朋友提的问题开始

VAR a = [].push(233)
console.LOG(a)

结果是 1;一开始我也搞错了,以为返回的是新数组,然后去查了下资料,才没发现返回的是新数组的长度,也许这就是feature吧

那就来复习下数组的方法和细节

Array 对象方法
方法    描述
concat()    连接两个或更多的数组,并返回结果。
join()    把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop()    删除并返回数组的最后一个元素
push()    向数组的末尾添加一个或更多元素,并返回新的长度。
reverse()    颠倒数组中元素的顺序。
shift()    删除并返回数组的第一个元素
slice()    从某个已有的数组返回选定的元素
sort()    对数组的元素进行排序
splice()    删除元素,并向数组添加新元素。
toSource()    返回该对象的代码。
toString()    把数组转换为字符串,并返回结果。
toLocaleString()    把数组转换为本地数组,并返回结果。
unshift()    向数组的开头添加一个或更多元素,并返回新的长度。
valueOf()    返回数组对象的原始值

注意

  1. push和unshift都是返回新长度
  2. pop和shift是返回的删除的那个元素
  3. slice(start,end)方法并不会修改数组,而是返回一个子数组,start 到 end(不包括该元素)是开始和结束的角标,不包含结束的那个
  4. splice会修改原数组,第二个参数是要删除的数量,后面的参数是要添加的元素
  5. toLocaleString与toString的区别,
  6. 数组filter与find的区别,filter是找到所有符合要求的,find是找到第一个符合要求的,用他们找到元素但是拿不到下标,那就只能循环一次把下标当做属性设置进去;现在发现可以用findIndex来找指定属性的下标,还是多看看mozilla的array文档还有什么好用的方法吧
var array = [
    {
      "name": "aa",
      "bianma": "11"
    },
    {
      "name": "bb",
      "bianma": "12"
    }
 ]
array.findIndex(function(ITem){return item.name=="aa"})

参考:

JavaScript Array 对象
ES6 操作数组 方法 区别 map filter reduce find


JavaScript学习笔记:取数组中最大值和最小值

对于纯数字数组,可以使用JavaScript中的内置函数Math.max()和Math.min()方法。著作权归作者所有。

最简洁的方法是 基于ES2015的方法来实现此功能,使用展开运算

var numbers = [1, 2, 3, 4]; 
Math.max(...numbers) // 4 
Math.min(...numbers) // 

再就是

Array.PRototyPE.max = function () { return Math.max.apply({},this); }
Array.prototype.min = function () { return Math.min.apply({},this); } 
var arr = [1,45,23,3,6,2,7,234,56]; 
arr.max(); // 234 
arr.min(); // 1

循环删除数组元素的几种姿势

用的是for循环和splice之后i--实现;我就用IIFE来止i污染全局,记得在(function(){})()前面加;、~、!等


js把1-100的数存入数组

最短的应该是这个了 Array.From(new Array(100).keys())

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。

阮一峰--数组

  1. 扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列
  2. 注意,扩展运算符如果放在括号中,JavaScript 引擎就会认为这是函数调用,否则就会报错。
(...[1,2])
// Uncaught SyntaxError: Unexpected number

脚本宝典总结

以上是脚本宝典为你收集整理的js数组的各种方法全部内容,希望文章能够帮你解决js数组的各种方法所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。