js中数组的操作方法
2024-10-21 09:09:54
今天给大家带来一篇有关数组操作方法的文章。
新建数组
- 方法一:通过
new
运算符创建一个数组构造函数。
var arr = new Array();
- 方法二:通过方括号直接创建直接量数组。
var arr = [1,2,3];
添加数组中的元素
- 方法一:通过下标添加元素。
var arr = new Array();
arr[0] = 'kwan';
arr[1] = 18;
- 方法二:通过
array
的push
方法来添加。
说明一点:push
是往数组末尾添加新元素。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.push(4); // result is [5,1,2,3,4];
- 方法三:通过
array
的unshift
方法来添加。
说明一点:unshift
是网数组最前面添加一个新元素。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.unshift(4); // result is [4,1,2,3];
修改数组中的元素
通过下标修改元素内容。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
//下标修改
arr[0] = 4;
console.log(arr); // result is [4,2,3];
删除数组元素内容
- 方法一:通过
array
的pop
方法来添加。
说明一点:pop
是往数组删除末尾元素。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.pop(); // result is [1,2];
- 方法二:通过
array
的shift
方法来添加。
说明一点:shift
是网数组删除最前面一个元素。
var arr = new Array();
arr[0] = 1;
arr[1] = 2;
arr[2] = 3;
arr.shift(); // result is [2,3];
合并数组
用concat
方法来合并另外一个数组。
var arr = [1,2,3];
var arr1 = [4,5,6];
var arr2 = arr.concat(arr1);
console.log(arr2); // [1,2,3,4,5,6];
删除指定数组
用splice
方法来合并另外一个数组。
注意:splice
方法接受两个参数,一个从哪里开始,一个是到哪里结束。
var arr = [1,2,3];
arr.splice(0,1);
console.log(arr); // [2,3];
截取指定数组
用slice
方法来合并另外一个数组。
注意:slice
方法接受两个参数,一个从哪里开始,一个是到哪里结束(但是不包括这个结束的元素本身)。如果是负数,就从倒数第几个。
var arr = [1,2,3];
console.log(arr.slice(0,1);); // [1];
写在最后
今天的数组操作方法就介绍这么多,以后会持续更新的。
最新文章
- thinkPHP入门
- JAVA NIO系列(二) Channel解读
- MySQL MMM 双主在Failover时挂起
- win 7~~~win 10 debug的使用方法
- jsp页面输入小写金额转大写
- PHP程序员面临的成长瓶颈
- Python学习(14)模块二
- EntityFramework 5.0 CodeFirst 教程04-查询,插入,更新,和删除数据
- SQL Server 数据库操作类
- ☀【移动】Google Maps JavaScript API v3
- JS OffsetParent属性
- find 命令详解
- whoops php调试库
- phpStudy 切换版本后没有权限的问题
- 性能调优6:Spool 假脱机调优
- SOA和微服务架构的区别
- 基于CentOS 7 搭建 GitLab
- Django:模板template(二)
- SQL中ISNULL的问题。
- 卸载或重新安装Redis集群
热门文章
- java高级工程师(二)
- 协程库st(state threads library)原理解析
- macOS 10.13 安装Virtualbox失败
- Android Studio修改默认Activity继承AppCompatActivity
- ASP.NET Web API之消息[拦截]处理(转)
- PostgreSQL CPU满(100%)性能分析及优化
- 密码分析:使用 Ettercap 和 它的 ARP 毒化功能来嗅探流量
- VS2010下连接Oracle数据库的方法
- [label][Fireworks][转载] Web Slices - Fireworks CS5
- .NET框架源码解读之启动CLR