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 面向对象之重载
May 04 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
JS中捕获console.log()输出的方法
Apr 16 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
AngularJS使用ngMessages进行表单验证
Dec 27 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
详解小程序设置缓存并且不覆盖原有数据
Apr 15 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
全面分析JavaScript 继承
May 30 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
vue配置多代理服务接口地址操作
Sep 08 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 REMOTE_ADDR之获取访客IP的代码
2008/04/22 PHP
PHP的explode和implode的使用说明
2011/07/17 PHP
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
node.js中的require使用详解
2014/12/15 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
JavaScript继承的特性与实践应用深入详解
2018/12/30 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
[00:26]TI7不朽珍藏III——冥界亚龙不朽展示
2017/07/15 DOTA
两个命令把 Vim 打造成 Python IDE的方法
2016/03/20 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
python实现K最近邻算法
2018/01/29 Python
Python中pow()和math.pow()函数用法示例
2018/02/11 Python
关于python3中setup.py小概念解析
2019/08/22 Python
美国女孩洋娃娃店:American Girl
2017/10/24 全球购物
英国独特礼物想法和个性化礼物网站:notonthehighstreet.com
2018/04/16 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
印尼网上商店:Alfacart.com
2019/03/11 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
Hotels.com日本:国外和海外住宿,酒店预订
2019/12/13 全球购物
女大学生个人求职信
2013/12/09 职场文书
中学生寄语大全
2014/04/03 职场文书
纪念九一八事变83周年国旗下讲话稿
2014/09/15 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
平面设计师岗位职责
2014/09/18 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
大学生预备党员自我评价
2015/03/04 职场文书