首先由一个朋友提的问题开始
var a = [].push(233)
console.log(a)
结果是 1;一开始我也搞错了,以为返回的是新数组,然后去查了下资料,才没发现返回的是新数组的长度,也许这就是feature吧
那就来复习下数组的方法和细节吧
Array 对象方法
方法 描述
concat() 连接两个或更多的数组,并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串,并返回结果。
toLocaleString() 把数组转换为本地数组,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值
注意
- push和unshift都是返回新长度
- pop和shift是返回的删除的那个元素
- slice(start,end)方法并不会修改数组,而是返回一个子数组,start 到 end(不包括该元素)是开始和结束的角标,不包含结束的那个
- splice会修改原数组,第二个参数是要删除的数量,后面的参数是要添加的元素
- toLocaleString与toString的区别,
- 数组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中的内置函数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(){})()前面加;、~、!等
最短的应该是这个了 Array.from(new Array(100).keys())
Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。
阮一峰--数组
- 扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列。
- 注意,扩展运算符如果放在括号中,JavaScript 引擎就会认为这是函数调用,否则就会报错。
(...[1,2])
// Uncaught SyntaxError: Unexpected number
网友评论