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分页代码(当前页码居中)
Sep 20 Javascript
Jquery实现的tab效果可以指定默认显示第几页
Oct 16 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
Js实现网页键盘控制翻页的方法
Oct 30 Javascript
jquery ui bootstrap 实现自定义风格
Nov 14 Javascript
js中window.open的参数及注意注意事项
Jul 06 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
Aug 06 Javascript
Node之简单的前后端交互(实例讲解)
Nov 14 Javascript
小程序图片剪裁加旋转的示例代码
Jul 10 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
Vue 实现简易多行滚动&quot;弹幕&quot;效果
Jan 02 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 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__ 常量
2008/07/23 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
ThinkPHP之R方法实例详解
2014/06/20 PHP
广告代码静态化js通用函数
2007/05/09 Javascript
jquery select多选框的左右移动 具体实现代码
2013/07/03 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
2017/03/13 Javascript
js编写简单的聊天室功能
2017/08/17 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
详解Vue This$Store总结
2018/12/17 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
vue使用transition组件动画效果的实例代码
2021/01/28 Vue.js
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
Python排序搜索基本算法之归并排序实例分析
2017/12/08 Python
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
使用urllib库的urlretrieve()方法下载网络文件到本地的方法
2018/12/19 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
美国床垫连锁店:Mattress Firm
2021/02/13 全球购物
入党自我评价范文
2014/02/02 职场文书
采购意向书范本
2014/03/31 职场文书
超市商业计划书
2014/05/04 职场文书
农村党员一句话承诺
2014/05/30 职场文书
聘用意向书
2014/07/29 职场文书
2014年幼儿园班级工作总结
2014/12/17 职场文书
商务邀请函
2015/01/30 职场文书
2015年小学教科研工作总结
2015/07/20 职场文书
基督教追悼会答谢词
2015/09/29 职场文书
JavaWeb Servlet开发注册页面实例
2022/04/11 Java/Android