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 NameSpace 简单说明介绍
Jul 18 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
Jquery简单分页实现方法
Jul 24 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
Aug 17 Javascript
JS实现拖拽的方法分析
Dec 20 Javascript
ionic2 tabs使用 Modal底部tab弹出框
Dec 30 Javascript
Node.js的进程管理的深入理解
Jan 09 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 杂谈《重构-改善既有代码的设计》之五 简化函数调用
2012/05/07 PHP
深入file_get_contents函数抓取内容失败的原因分析
2013/06/25 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
使用ThinkPHP的自动完成实现无限级分类实例详解
2016/09/02 PHP
关于laravel框架中的常用目录路径函数
2019/10/23 PHP
JavaScript 变量基础知识
2009/11/07 Javascript
ExtJS4 表格的嵌套 rowExpander应用
2014/05/02 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
多功能jQuery树插件zTree实现权限列表简单实例
2016/07/12 Javascript
输入法的回车与消息发送快捷键回车的冲突解决方法
2016/08/09 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
2016/10/24 Javascript
Angular.js跨controller实现参数传递的两种方法
2017/02/20 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
详解Vue中一种简易路由传参办法
2017/09/15 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
[06:33]3.19 DOTA2发布会 海涛、冷冷、2009见证希望
2014/03/21 DOTA
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
Python统计列表中的重复项出现的次数的方法
2014/08/18 Python
基于wxpython开发的简单gui计算器实例
2015/05/30 Python
python编写简单爬虫资料汇总
2016/03/22 Python
NumPy 数学函数及代数运算的实现代码
2018/07/18 Python
Python3爬虫学习入门教程
2018/12/11 Python
python DataFrame 取差集实例
2019/01/30 Python
10招!看骨灰级Pythoner玩转Python的方法
2019/04/15 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
Python中logger日志模块详解
2020/08/04 Python
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
介绍一下Mysql的存储引擎
2015/02/12 面试题
会计专业自荐信范文
2013/12/02 职场文书
代办委托书怎样写
2014/04/08 职场文书
Vue全局事件总线你了解吗
2022/02/24 Vue.js
Spring Boot项目传参校验的最佳实践指南
2022/04/05 Java/Android
Linux中一对多配置日志服务器的详细步骤
2022/07/23 Servers