富贵资源网 Design By www.hznty.com
本文实例讲述了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.jb51.net/code/HtmlJsRun测试上述代码运行结果。
更多关于JavaScript相关内容还可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript排序算法总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...