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判断变量是否空值的代码
Oct 26 Javascript
JavaScript效率调优经验
Jun 04 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
解决jquery submit()提交表单提示:f[s] is not a function
Jan 23 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
Sep 04 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
Bootstrap对话框使用实例讲解
Sep 24 Javascript
Vue数据监听方法watch的使用
Mar 28 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
Dec 03 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
Mar 31 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 处理图片的类实现代码
2009/10/23 PHP
php常用的安全过滤函数集锦
2014/10/09 PHP
浅谈php冒泡排序
2014/12/30 PHP
PDO实现学生管理系统
2020/03/21 PHP
JavaScript中valueOf函数与toString方法深入理解
2012/12/02 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
javascript实现添加附件功能的方法
2015/11/18 Javascript
jquery ztree异步搜索(搜叶子)实践
2016/02/25 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
JS常用知识点整理
2017/01/21 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
Vue.js 单页面多路由区域操作的实例详解
2017/07/17 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
2017/11/13 Javascript
解决vue中虚拟dom,无法实时更新的问题
2018/09/15 Javascript
js中的闭包实例展示
2018/11/01 Javascript
VUE路由动态加载实例代码讲解
2019/08/26 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
Python数据类型学习笔记
2016/01/13 Python
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
Python中enumerate()函数编写更Pythonic的循环
2018/03/06 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
python+selenium+chrome批量文件下载并自动创建文件夹实例
2020/04/27 Python
python 操作mysql数据中fetchone()和fetchall()方式
2020/05/15 Python
鉴定评语大全
2014/05/05 职场文书
政治学专业毕业生求职信
2014/08/11 职场文书
世界遗产的导游词
2015/02/13 职场文书
整改通知书
2015/04/20 职场文书
高中运动会前导词
2015/07/20 职场文书
Python基础之数据结构详解
2021/04/28 Python