js常用数组操作方法简明总结


Posted in Javascript onJune 20, 2014
//javascript 中的数组分割
var colors = ["red","green","blue"];
//alert(colors.toString());
alert(colors.join("|")); //返回结果是red|green|blue
var colors = ["red","green","blue",null];
alert(colors.join("|"));//red|green|blue|
//注意当数组里面有值是null或者是undefined的时候 返回的结果是以空的字符串表示的
-------------------------------------------
//数组删除和添加
var colors = ["red","green","blue"];
//alert(colors.toString());
colors.push("white","test");//返回的结果是数组的长度
alert(colors.join("|"));//结果是red|green|blue|white|test
//往数组的开头添加元素
var colors = ["red","green","blue","test"];
var item = colors.unshift("first");//数组的开头添加一个元素
alert(colors.join("|"));//返回最后的数组


//删除元素
var colors = ["red","green","blue","test"];
var item = colors.pop();//返回删除的选项结果test
alert(colors.join("|"));//返回最后的数组结果red|green|blue
//删除开头元素
var colors = ["red","green","blue","test"];
var item = colors.shift();//删除数组的第一个选项
alert(colors.join("|"));//返回最后的数组
-------------------------------------------------
//数组顺序事例
//顺序颠倒
var colors = ["red","green","blue","test"];
colors.reverse();
alert(colors);//结果是:test,blue,green,red
//数组排序
var values = [0,1,5,10,7];
values.sort(compare);
alert(values);
//document.writeln(values);

}
 function compare(value1,value2){
	if(value1<value2){
		return 1 ;
	}else if(value1>value2){
		return -1 ;
	}else return 0 ;
} 
-----------------------------------------------------
//向数组中添加数组 concat()方法
var colors = ["color","red"];
var colors2 = colors.concat(["ccc","bbbb"],'3333',['vvccxx',['oolll','lll']]);
alert(colors2);//返回结果是:color,red,ccc,bbbb,3333,vvccxx,oolll,lll

//slice()方法复制数组中的元素并不会破坏之前的元素
var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1);//从1开始进行复制
alert(colors2);//结果是:red,eeee,221111

var colors = ["color","red",'eeee','221111'];
var colors2 = colors.slice(1,3);//从1开始进行复制到第3个位置结束
alert(colors2);//结果是red,eeee
---------------------------------------------------------------------
//数组中删除元素
var a = [1,2,3,5,8];
var r = a.splice(0,2); //删除前2项
alert(a);//结果是3,5,8

var a = [1,2,3,5,8];
var r = a.splice(1,1,100,200); //从第2个数开始删除一项 然后插入100 200
alert(a);//结果是1,100,200,3,5,8
Javascript 相关文章推荐
Jquery在IE7下无法使用 $.ajax解决方法
Nov 11 Javascript
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
模仿password输入框的实现代码
Jun 07 Javascript
正则验证小数点后面只能有两位数的方法
Feb 28 Javascript
Node.js中的http请求客户端示例(request client)
May 04 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
Jun 17 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
微信小程序登录时如何获取input框中的内容
Dec 04 Javascript
JS实现闪动的title消息提醒效果
Jun 20 #Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 #Javascript
jquery弹窗插件colorbox绑定动态生成元素的方法
Jun 20 #Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 #Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 #Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
You might like
frename PHP 灵活文件命名函数 frename
2009/09/09 PHP
解析php多线程下载远程多个文件
2013/06/25 PHP
PHP输出多个元素的排列或组合的方法
2017/03/14 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
PHP7 新增常量
2021/03/09 PHP
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
JQuery从头学起第三讲
2010/07/06 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
jquery eval解析JSON中的注意点介绍
2013/08/23 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
jQuery实现HTML5 placeholder效果实例
2014/12/09 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
浅谈Angular路由守卫
2017/08/26 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
vue基础之v-bind属性、class和style用法分析
2019/03/11 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
python简单线程和协程学习心得(分享)
2017/06/14 Python
python3.6生成器yield用法实例分析
2019/08/23 Python
python实现多进程按序号批量修改文件名的方法示例
2019/12/30 Python
详解java调用python的几种用法(看这篇就够了)
2020/12/10 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
财务主管的岗位职责
2013/12/30 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
基层党建工作汇报材料
2014/08/15 职场文书
大连星海广场导游词
2015/02/10 职场文书
2019公司管理制度
2019/04/19 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
python中mongodb包操作数据库
2022/04/19 Python
Redis全局ID生成器的实现
2022/06/05 Redis