js数组方法大全（上）

记录一下整理的js数组方法，免得每次要找方法都找不到。图片有点多，注意流量，嘻嘻！

本期分享

• join()
• reverse()
• sort()
• concat()
• slice()
• splice()
• push()
• pop()
• unshift()
• shift()
• toString()
• toLocaleString()

下期分享

• forEach()
• map()
• filer()
• every()
• some()
• reduce()
• reduceRight()
• indexOf()
• lastIndex()

join() —>用指定分割符将数组转为字符串

• 使用热度：常用
• 是否改变原始数组：否
• 返回：按指定字符串进行分割后的字符串
• 参数：

• 说明：不传入参数的话，将数组元素转为字符串，并用逗号进行分割
• 实例如下：

var log=console.log;
var a=[1,2,3];
log(a.join());
log(a.join(" "));
log(a.join(""));
var b = new Array(10);
log(b.join(\'-\'))

reverse() —>将数组元素颠倒

• 使用热度：不常用
• 是否改变原始数组：是
• 返回：将数组中的元素颠倒顺序，返回逆序的数组。
• 参数：无
• 实例如下：

var log=console.log;
var a=[1,2,3];
a.reverse();
log(a);

sort() —>按指定要求对数组进行排序

• 使用热度：不常用
• 是否改变原始数组：是
• 返回：返回排序后的数组
• 参数：

• 说明：不传入参数的时候，会将数组元素按字母表排序并返回，如果元素非字符串，将会临时转为字符串进行比较，如果元素中有undefined，则会甩到最后面。
• 实例如下：

var log=console.log;
var a=[,\'a\',\'b\',true];
a.sort()
log(a)
var b=[3,7,4,4,2]
b.sort(function(i,j){
    return i-j
})
log(b)

concat() —>将数组和其他元素合并返回新的数组

• 使用热度：常用
• 是否改变原始数组：否
• 返回：返回一个合并了的新数组
• 参数：

• 说明：如果参数中有数组，这将数组拆分合并，而不是直接合并数组本身，但是不递归扁平化数组的数组。
• 实例如下：

var log=console.log;
var a=[1,2,3];
var b=a.concat(4,5,6,[7,8,[9,10]]);
log(a);
log(b);

slice() —>截取数组一段进行返回

• 使用热度：常用
• 是否改变原始数组：否
• 返回：一个数组的一个片段或者子数组
• 参数：

• 说明：如果参数是一个负数，则从数组倒数开始和结束。
• 实例如下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b =a.slice(1)
log(b)
var c=a.slice(1,-1)
log(c)
var d=a.slice(-3,-1)
log(d)

splice() —>删除或者替代数组指定区域

• 使用热度：经常用
• 是否改变原始数组：是
• 返回：删除的数组，如果未删除则返回空数组
• 参数：

• 实例如下：

var log=console.log;
var a=[1,2,3,4,5,6,7,8,9];
var b=a.splice(8);
log(a);
log(b);

var c=a.splice(5,1);
log(a);
log(c);

var d=a.splice(2,2,\'a\',[33,44]);
log(a);
log(d)

push() —>在数组元素后面增加元素

• 使用热度：频繁使用
• 是否改变原始数组：是
• 返回：新数组的长度
• 参数：

• 说明：在数组末尾增加一个元素
• 实例如下：

var log=console.log;
var a=[1,2,3];
var b=a.push()
log(a)
log(b)

var c=a.push(4,5,6);
log(a)
log(c)

pop() —>删除数组元素后面的一个元素

• 使用热度：不常用
• 是否改变原始数组：是
• 返回：被删除的数组
• 参数:无
• 说明：删除数组末尾的一个元素
• 实例如下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b=a.pop()
log(a)
log(b)

unshift() —>在数组前面增加元素

• 使用热度：常用
• 是否改变原始数组：是
• 返回：新数组的长度
• 参数：

• 说明：当使用多个参数调用unshift方法的时候它的行为令人惊讶。参数是一次性插入的（就像splice方法)，而非一次一个插入。这意味着最终的数组中插入的元素的顺序和他们在参数列表中的顺序一致。而假设元素是一次一个的插入。他们的顺序应该是反过来的。
• 实例如下：

var log=console.log;
var a=[1,2,3];
var b=a.unshift()
log(a)
log(b)

var c=a.unshift(4,5,6);
log(a)
log(c)

shift() —>删除数组第一个元素

• 使用热度：不常用
• 是否改变原始数组：是
• 返回：被删除的数组
• 参数:无
• 说明：删除数组末尾的一个元素
• 实例如下：

var log=console.log;
var a=[1,2,3,4,5,6];
var b=a.shift()
log(a)
log(b)

toString —>将数组转为字符串

• 使用热度：常用
• 是否改变原始数组：否
• 返回：数组字符串
• 参数：无
• 说明：输出不包括方括号或者其他任何形式的包裹数组值的分隔符；此方法与不使用任何参数调用join方法返回的字符串一样。
• 实例如下：

var log=console.log;
var a=["a",2,{"b":"c"},["d"]];
var b=a.toString()
log(a)
log(b)

toLocaleString() —>将数组使用本地化的方式转为字符串

• 使用热度：不常用
• 是否改变原始数组：否
• 返回：
• 参数：

• 说明：在旧的浏览器实现中，会忽略这两个参数，使用的语言环境和返回的字符串的形式完全取决于实现方式。
• 实例如下：

var log=console.log
var a = [111,222,333];
var b=a.toLocaleString(\'ar-EG\')
var c=a.toLocaleString(\'zh-Hans-CN-u-nu-hanidec\')
log(a);
log(b);  
log(c);