JavaScript学习笔记之数组基本操作示例


Posted in Javascript onJanuary 09, 2019

本文实例讲述了JavaScript学习笔记之数组基本操作。分享给大家供大家参考,具体如下:

一、数组定义

1、定义

vara=[1,2,3]
vara=newArray(1,2,3);

2、长度

返回长度

<script>
 vara=[1,2,3,4,5,6];
 alert(a.length);
</script>

设置长度

<script>
 vara=[1,2,3,4,5,6];
 a.length=2;
 alert(a);
</script>

二、数组连接

<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

三、数组排序

sort()函数

默认情况是把数组元素按字符串排序

例子 01

<script>
 vararr=['float','width','alpha','zoom','left'];
 arr.sort();
 alert(arr);
</script>

例子02

vararr=[12,8,99,19,112];
arr.sort();
alert(arr);

例子03

sort()函数的改进

vararr=[12,8,99,19,112];
arr.sort(function(n1,n2){
 returnn1-n2;
});
alert(arr);

四、数组连接

1、两个数组间的连接:contact()

<script>
 vara=[1,2,3];
 varb=[4,5,6];
 alert(a.concat(b));
 alert(b.concat(a));
</script>

2、数组元素间的连接:join()

<script>
 vararr=[1,2,3,4];
 alert(arr.join('--p'));
</script>

五、数组元素添加、删除

1、数组尾部的添加、删除

尾部添加:push(value)

例子01

<script>
 vara=[1,2,3];
 a.push(4);
 alert(a);
</script>

尾部删除:pop()

例子02

<script>
 vara=[1,2,3];
 a.pop();
 alert(a);
</script>

2、数组头部的添加、删除

头部添加 unshift(value)

例子01

<script>
 vararr=[1,2,3];
 arr.unshift(0)
 alert(arr);
</script>

头部删除:shift()

例子02

<script>
 vararr=[1,2,3];
 arr.shift();
 alert(arr);
</script>

3、数组------splice()

删除数据

例子01

<script>
 vararr=[1,2,3,4,5,6];
 //splice(起点,长度)
 arr.splice(2,3);
 alert(arr);
</script>

插入数据

例子02

<script>
 vararr=[1,2,3,4,5,6];
 //插入数据splice(起点,长度,元素)
 arr.splice(2,0,'a','b','c');
 alert(arr);
</script>

替换数据

例子02

<script>
 vararr=[1,2,3,4,5,6];
 //替换数据
 arr.splice(2,2,'a','b');
 alert(arr);
</script>

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行结果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

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

Javascript 相关文章推荐
jQuery实现动画效果的实例代码
May 07 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
Apr 28 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
JavaScript日期选择功能示例
Jan 16 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
浅谈Vue中render中的h箭头函数
Nov 07 Javascript
Vue学习之axios的使用方法实例分析
Jan 06 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
浅谈webpack性能榨汁机(打包速度优化)
Jan 09 #Javascript
Node.js的进程管理的深入理解
Jan 09 #Javascript
从vue源码看props的用法
Jan 09 #Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
Jan 08 #Javascript
vue-cli2 构建速度优化的实现方法
Jan 08 #Javascript
一个因@click.stop引发的bug的解决
Jan 08 #Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 #Javascript
You might like
聊天室php&amp;mysql(四)
2006/10/09 PHP
php解压文件代码实现php在线解压
2014/02/13 PHP
thinkphp框架page类与bootstrap分页(美化)
2017/06/25 PHP
PHP面向对象程序设计重载(overloading)操作详解
2019/06/13 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
innerhtml用法 innertext用法 以及innerHTML与innertext的区别
2009/10/26 Javascript
jquery 学习笔记一
2010/04/07 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
2014/05/12 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
jQuery日程管理控件glDatePicker用法详解
2017/03/29 jQuery
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
JS实现checkbox互斥(单选)功能示例
2019/05/04 Javascript
angularjs1.X 重构controller 的方法小结
2019/08/15 Javascript
[00:52]黑暗之门更新 新英雄孽主驾临DOTA2
2016/08/24 DOTA
Python通过PIL获取图片主要颜色并和颜色库进行对比的方法
2015/03/19 Python
深入浅析Python2.x和3.x版本的主要区别
2018/11/30 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
使用Python Pandas处理亿级数据的方法
2019/06/24 Python
FFrpc python客户端lib使用解析
2019/08/24 Python
Python交互环境下打印和输入函数的实例内容
2020/02/16 Python
Python request中文乱码问题解决方案
2020/09/17 Python
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
JBL英国官网:JBL UK
2018/07/04 全球购物
JPA的特点
2014/10/25 面试题
军训教官感言
2014/03/02 职场文书
创建文明学校实施方案
2014/03/11 职场文书
村党支部公开承诺书
2014/05/29 职场文书
防灾减灾日活动总结
2014/08/26 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
出生公证书
2015/01/23 职场文书
初中班主任教育随笔
2015/08/15 职场文书
《LOL》“克隆大作战”久违归来 幻灵战队皮肤上线
2022/04/03 其他游戏
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS