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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
Jan 17 Javascript
jquery事件与函数的使用介绍
Sep 29 Javascript
JS实现遮罩层效果的简单实例
Nov 12 Javascript
jquery实现tr元素的上下移动示例代码
Dec 20 Javascript
jQuery实现文件上传进度条特效
Aug 12 Javascript
KnockoutJS 3.X API 第四章之表单value绑定
Oct 10 Javascript
AngularJS自定义控件实例详解
Dec 13 Javascript
解决vue的 v-for 循环中图片加载路径问题
Sep 03 Javascript
如何用RxJS实现Redux Form
Dec 29 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
Jul 14 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实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
2010/02/07 Javascript
JS中Iframe之间传值的方法
2013/03/11 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
jquery实现勾选复选框触发事件给input赋值
2015/02/01 Javascript
学习javascript的闭包,原型,和匿名函数之旅
2015/10/18 Javascript
jQuery在header中设置请求信息的方法
2017/03/06 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
2017/09/17 Javascript
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
swiper Scrollbar滚动条组件详解
2019/09/08 Javascript
js实现时钟定时器
2020/03/26 Javascript
从零学Python之引用和类属性的初步理解
2014/05/15 Python
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
为Python的Tornado框架配置使用Jinja2模板引擎的方法
2016/06/30 Python
Python创建二维数组实例(关于list的一个小坑)
2017/11/07 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
django富文本编辑器的实现示例
2019/04/10 Python
Django Rest framework认证组件详细用法
2019/07/25 Python
Python3使用 GitLab API 进行批量合并分支
2020/10/15 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
使用css3制作动感导航条示例
2014/01/26 HTML / CSS
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
可爱的童装和鞋子:Fabkids
2019/08/16 全球购物
热能动力工程毕业生自荐信
2013/11/07 职场文书
工作会议欢迎词
2014/01/16 职场文书
中国梦演讲稿教师篇
2014/04/23 职场文书
水电工岗位职责
2015/02/14 职场文书
2015年班长个人工作总结
2015/04/03 职场文书
创业计划书之少年玩具店
2019/09/05 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
Redis如何实现分布式锁
2021/08/23 Redis