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 相关文章推荐
让div层随鼠标移动的实现代码 ie ff
Dec 18 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
Highcharts学习之坐标轴
Aug 02 Javascript
JS批量替换内容中关键词为超链接
Feb 20 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
jQuery插件FusionCharts绘制的2D条状图效果【附demo源码】
May 13 jQuery
ionic 自定义弹框效果
Jun 27 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
Dec 23 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
详解Vue 换肤方案验证
Aug 28 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 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
PHP编实现程动态图像的创建代码
2008/09/28 PHP
php设计模式 Chain Of Responsibility (职责链模式)
2011/06/26 PHP
PHP的范围解析操作符(::)的含义分析说明
2011/07/03 PHP
PHP spl_autoload_register实现自动加载研究
2011/12/06 PHP
php自定义截取中文字符串-utf8版
2017/02/27 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
初探jquery——表单应用范例
2007/02/20 Javascript
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
Prototype Array对象 学习
2009/07/19 Javascript
js href的用法
2010/05/13 Javascript
JS交换变量的方法
2015/01/21 Javascript
在JavaScript的AngularJS库中进行单元测试的方法
2015/06/23 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
[51:17]VGJ.T vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
[05:24]TI9采访——教练
2019/08/24 DOTA
python基础教程之实现石头剪刀布游戏示例
2014/02/11 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
Python笔记之工厂模式
2019/11/20 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
用python发送微信消息
2020/12/21 Python
HTML5+CSS3实现机器猫
2016/10/17 HTML / CSS
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
Ralph Lauren法国官网:美国高品味时装品牌
2017/12/08 全球购物
美国名牌香水折扣网站:Hottperfume
2021/02/10 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
优秀三好学生事迹材料
2014/08/31 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
门市房租房协议书
2014/12/04 职场文书
2015年中秋节演讲稿
2015/03/20 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
Pytest中conftest.py的用法
2021/06/27 Python
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技