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 相关文章推荐
基于jQuery的实现简单的分页控件
Oct 10 Javascript
JSON传递bool类型数据的处理方式介绍
Sep 18 Javascript
控制文字内容的显示与隐藏示例
Jun 11 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
Aug 06 Javascript
全面解析Bootstrap排版使用方法(标题)
Nov 30 Javascript
JavaScript基础知识之方法汇总结
Jan 24 Javascript
简单解析JavaScript中的__proto__属性
May 10 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
Feb 22 Javascript
BootStrap实现文件上传并带有进度条效果
Sep 11 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
bootstrap动态调用select下拉框的实例代码
Aug 09 Javascript
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
浅谈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 rsa加密解密算法原理解析
2020/12/09 PHP
MooTools 1.2中的Drag.Move来实现拖放
2009/09/15 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
微信小程序 引用其他js文件实现代码
2017/02/22 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
JS实现的RC4加密算法示例
2018/08/16 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
详解vue高级特性
2020/06/09 Javascript
vue基于better-scroll仿京东分类列表
2020/06/30 Javascript
python 剪切移动文件的实现代码
2018/08/02 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
初探利用Python进行图文识别(OCR)
2019/02/26 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
浅谈keras保存模型中的save()和save_weights()区别
2020/05/21 Python
python变量的作用域是什么
2020/05/26 Python
结束运行python的方法
2020/06/16 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
自荐信格式范文
2013/10/07 职场文书
毕业生找工作自荐书
2014/06/30 职场文书
目标责任书格式
2014/07/28 职场文书
分居协议书范本
2014/11/03 职场文书
趣味运动会标语口号
2015/12/26 职场文书
2016年学校十一国庆节活动总结
2016/04/01 职场文书
python实现学员管理系统(面向对象版)
2022/06/05 Python