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 程序编码规范
Nov 23 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
在JavaScript应用中实现延迟加载的方法
Jun 25 Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Aug 27 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
JS中的作用域链
Mar 01 Javascript
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
Feb 15 Javascript
Vue自定义render统一项目组弹框功能
Jun 07 Javascript
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php实现获取文章内容第一张图片的方法
2014/11/04 PHP
PHP将session信息存储到数据库的类实例
2015/03/04 PHP
PHP使用in_array函数检查数组中是否存在某个值
2015/03/25 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
javascript实现面向对象类的功能书写技巧
2010/03/07 Javascript
JQuery 文本框回车跳到下一个文本框示例代码
2013/08/30 Javascript
JavaScript操作Cookie方法实例分析
2015/05/27 Javascript
JavaScript禁止复制与粘贴的实现代码
2016/05/16 Javascript
js判断是否为空和typeof的用法(详解)
2016/10/07 Javascript
bootstrap模态框实现拖拽效果
2016/12/14 Javascript
JavaScript实现数组降维详解
2017/01/05 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
Vue中的情侣属性$dispatch和$broadcast详解
2019/03/07 Javascript
Python使用matplotlib实现在坐标系中画一个矩形的方法
2015/05/20 Python
Python实现PS图像调整黑白效果示例
2018/01/25 Python
python 实现批量xls文件转csv文件的方法
2018/10/23 Python
python 实现将多条曲线画在一幅图上的方法
2019/07/07 Python
详解pyinstaller selenium python3 chrome打包问题
2019/10/18 Python
Django模板获取field的verbose_name实例
2020/05/19 Python
html5中audio支持音频格式的解决方法
2018/08/24 HTML / CSS
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
澳大利亚排名第一的露营和户外设备在线零售商:Outbax
2020/05/06 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
市场营销专科应届生求职信
2013/11/24 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
找工作求职信
2014/07/07 职场文书
人事代理委托书
2014/09/27 职场文书
社区志愿者服务心得体会
2016/01/22 职场文书
react合成事件与原生事件的相关理解
2021/05/13 Javascript
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android
win10电脑双屏显示一个黑屏怎么办?win10电脑双屏显示一个黑屏解决方法
2022/07/15 数码科技
Java获取字符串编码格式实现思路
2022/09/23 Java/Android