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 相关文章推荐
js用Date对象处理时间实现思路及代码
Jan 31 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
javascript手工制作悬浮菜单
Feb 12 Javascript
Javascript中的方法链(Method Chaining)介绍
Mar 15 Javascript
JavaScript淡入淡出渐变简单实例
Aug 06 Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 Javascript
JavaScript编写简单的计算器
Nov 25 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
May 10 Javascript
jQuery无刷新上传之uploadify3.1简单使用
Jun 18 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 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导出oracle库的php代码
2009/04/20 PHP
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
PHP代码网站如何防范SQL注入漏洞攻击建议分享
2012/03/01 PHP
抛弃 PHP 代价太高
2016/04/26 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP微信支付实例解析
2016/07/22 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
永不消失的title提示代码
2007/02/15 Javascript
Google Map API更新实现用户自定义标注坐标
2009/07/29 Javascript
JS 无法通过W3C验证的处理方法
2010/03/09 Javascript
JQuery live函数
2010/12/24 Javascript
Ajax搜索结果页面下方的分页按钮的生成
2012/04/05 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
Angularjs 滚动加载更多数据
2016/03/17 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
深入理解javascript中的this
2021/02/08 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
python比较2个xml内容的方法
2015/05/11 Python
python调用c++ ctype list传数组或者返回数组的方法
2019/02/13 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Pytorch根据layers的name冻结训练方式
2020/01/06 Python
python pyqtgraph 保存图片到本地的实例
2020/03/14 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
Python识别验证码的实现示例
2020/09/30 Python
中国电子产品外贸网站:MiniIntheBox
2017/02/06 全球购物
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
医药类个人求职的自我评价
2014/02/12 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
歌咏比赛口号大全
2015/12/25 职场文书
简历上的自我评价,该怎么写呢?
2019/06/13 职场文书
详解Python中下划线的5种含义
2021/07/15 Python