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 学习历程和心得分享
Dec 12 Javascript
Jquery实现Div上下移动示例
Apr 23 Javascript
jQuery实现Twitter的自动文字补齐特效
Nov 28 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
Javascript之String对象详解
Jun 08 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
vue项目开发中setTimeout等定时器的管理问题
Sep 13 Javascript
ES6 Generator函数的应用实例分析
Jun 26 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
js实现双人五子棋小游戏
May 28 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
浅谈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
用session做客户验证时的注意事项
2006/10/09 PHP
基于php实现的验证码小程序
2016/12/13 PHP
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
2016/12/19 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
2017/12/19 Javascript
React Native基础入门之初步使用Flexbox布局
2018/07/02 Javascript
vue2.0父子组件间传递数据的方法
2018/08/16 Javascript
javascript数组常见操作方法实例总结【连接、添加、删除、去重、排序等】
2019/06/13 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
[02:19]DOTA2上海特级锦标赛 观赛指南 Spectator Guide
2016/02/04 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
python关于变量名的基础知识点
2020/03/03 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
Airbnb爱彼迎官网:成为爱彼迎房东,赚取收入
2019/03/14 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
Ariat英国官网:为世界顶级马术运动员制造最优质的鞋类和服装
2020/02/14 全球购物
社区党风廉政建设调研报告
2015/01/01 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
北京英语导游词
2015/02/12 职场文书
大学生求职简历自我评价
2015/03/02 职场文书
民警忠诚教育心得体会
2016/01/23 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
关于企业的执行力标语大全
2020/01/06 职场文书
导游词之任弼时故居
2020/01/07 职场文书
关于 Python json中load和loads区别
2021/11/07 Python