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 相关文章推荐
用JavaScript实现仿Windows关机效果
Mar 10 Javascript
编辑浪子版表单验证类
May 12 Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 Javascript
javascript中window.event事件用法详解
Dec 11 Javascript
node.js中的http.response.getHeader方法使用说明
Dec 14 Javascript
javascript加载xml 并解析各节点的值(实现方法)
Oct 12 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
vue 实现axios拦截、页面跳转和token 验证
Jul 17 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
Oct 16 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
Sep 01 Javascript
解决VUE双向绑定失效的问题
Oct 29 Javascript
JavaScript流程控制(分支)
Dec 06 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中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
php强制更新图片缓存的方法
2015/02/11 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
JS幻灯片可循环播放可平滑旋转带滚动导航(自写)
2013/08/05 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
JS实现往下不断流动网页背景的方法
2015/02/27 Javascript
jQuery中实现prop()函数控制多选框(全选,反选)
2016/08/19 Javascript
深入浅出ES6之let和const命令
2016/08/25 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
jQuery中each方法的使用详解
2018/03/18 jQuery
jQuery实现的模仿雨滴下落动画效果
2018/12/11 jQuery
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[03:26]《DAC最前线》之EG经理自述DOTA2经历
2015/02/02 DOTA
Python中的推导式使用详解
2015/06/03 Python
全面解析Python的While循环语句的使用方法
2015/10/13 Python
Python即时网络爬虫项目启动说明详解
2018/02/23 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
Python3 实现减少可调用对象的参数个数
2019/12/20 Python
scrapy redis配置文件setting参数详解
2020/11/18 Python
Django-simple-captcha验证码包使用方法详解
2020/11/28 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
应届医学毕业生求职信分享
2013/12/02 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
表彰大会主持词
2014/03/26 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
2015年学校图书室工作总结
2015/05/19 职场文书
PHP中多字节字符串操作实例详解
2021/08/23 PHP