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 setTimeout和setInterval 的区别
Dec 08 Javascript
javascript 常用功能总结
Mar 18 Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 Javascript
javascript文件中引用依赖的js文件的方法
Mar 17 Javascript
jQuery函数map()和each()介绍及异同点分析
Nov 08 Javascript
Lab.js初次使用笔记
Feb 28 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
windows下更新npm和node的方法
Nov 30 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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生成excel文件的简单方法
2014/02/08 PHP
php自定义apk安装包实例
2014/10/20 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
php异常处理方法实例汇总
2015/06/24 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
PHP实现非阻塞模式的方法分析
2018/07/26 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
ASP.NET jQuery 实例1(在TextBox里面创建一个默认提示)
2012/01/13 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
JS简单获取并修改input文本框内容的方法示例
2018/04/08 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
React性能优化系列之减少props改变的实现方法
2019/01/17 Javascript
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
Python中内建函数的简单用法说明
2016/05/05 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
基于DataFrame筛选数据与loc的用法详解
2018/05/18 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
python命令行工具Click快速掌握
2019/07/04 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
在HTML5中如何使用CSS建立不可选的文字
2014/10/17 HTML / CSS
html5服务器推送_动力节点Java学院整理
2017/07/12 HTML / CSS
儿子婚宴答谢词
2014/01/09 职场文书
专科应届毕业生求职信
2014/06/04 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
新店开张活动方案
2014/08/24 职场文书
运动会广播稿100字
2014/09/14 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
入党团支部推荐意见
2015/06/02 职场文书
钱学森电影观后感
2015/06/04 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers