javascript数组对象常用api函数小结(连接,插入,删除

编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
这篇文章主要介绍了javascript数组对象常用api函数,结合实例形式总结分析了javascript针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下

本文实例讲述了javascript数组对象常用api函数。分享给大家供大家参考,具体如下:

1. concat()

连接两个或多个数组,并返回结果

var a = [1,2,3];
var b = a.concat(6,7);
console.log(a); //[1,2,3]
console.log(b); //[1,2,3,6,7]

2. join(str)

把数组的所有元素用str分隔,默认逗号分隔

var a = [1,2,3]
var b = a.join('|');
console.log(a); //[1,2,3]
console.log(b); //"1|2|3"

3. pop()

删除并返回数组的最后一个元素的值

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

4. push()

向数组的末尾添加一个或更多元素,并返回新的数组长度

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

5. reverse()

反转数组中元素的顺序

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

6. shift()

删除并返回数组的第一个元素

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

7. slice(start,end)

从已有的数组中返回选定的元素

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

8. sort(func)

按指定的参数对数组排序

注:func 必须返回一个值。

负值,第一个参数比第二个参数小,排在前面。

零,相等。

正值,第一个参数比第二个参数大,排在后面。

var a = [1,2,10,3];
var b = a.sort();
console.log(a); //[1,10,2,3]
console.log(b); //[1,10,2,3]
var num = function(x,y) {
  return x - y;
}
var c = a.sort(num);
console.log(a); //[1,2,3,10]
console.log(c); //[1,2,3,10]

9. splice(start,deleteCount,val1,val2,···)

从一个数组中移除一个或多个元素,并在该位置插入新元素,返回所移除的元素

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

10. unshift(val1,val2,···)

将指定元素插入数组开始位置,并返回新的长度

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

11. toString()

将数组的元素转换为字符串,并用逗号分隔,且连接起来

var a = [1,2,3,4,5];
var b = a.toString();
console.log(a); //[1,2,3,4,5]
console.log(b); //"1,2,3,4,5"

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板