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

 更新时间:2014年06月20日 09:22:19   投稿:junjie  
这篇文章主要介绍了js常用数组操作方法简明总结,直接上代码,代码中有详细的注释,需要的朋友可以参考下
//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

相关文章

  • JS两种定义方式的区别、内部原理

    JS两种定义方式的区别、内部原理

    方式1 是典型的函数声明(Function declarations)。方式2 是函数表达式(Function expressions),未必所有人都知道其区别,内部原理
    2013-11-11
  • 日历查询的算法 如何计算某一天是星期几

    日历查询的算法 如何计算某一天是星期几

    历史上的某一天是星期几?未来的某一天是星期几?关于这个问题,有很多计算公式,其中最著名的是蔡勒(Zeller)公式
    2012-12-12
  • javascript实现dom元素可拖动

    javascript实现dom元素可拖动

    HTML DOM 是 W3C 标准(是 HTML 文档对象模型的英文缩写,Document Object Model for HTML)。通过 DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性。可以对其中的内容进行修改和删除,同时也可以创建新的元素。
    2016-03-03
  • Three.js源码阅读笔记(基础的核心Core对象)

    Three.js源码阅读笔记(基础的核心Core对象)

    Three.js是一个比较伟大的webgl开源库,它简化了浏览器3D编程,使得使用JavaScript在浏览器中创建复杂的场景变得容易很多接下来先从最基础的核心(Core)对象开始,感兴趣的朋友可以参考下
    2012-12-12
  • scrollTop 用法说明

    scrollTop 用法说明

    scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度,
    2009-06-06
  • javascript第一课

    javascript第一课

    javascript第一课...
    2007-02-02
  • 前端面试题及答案整理(二)

    前端面试题及答案整理(二)

    上一篇从常见数据结构算法、JavaScript两个方面从面试的角度进行了整理,本文将对其余内容进行补充
    2016-08-08
  • JavaScript面向对象编程入门教程

    JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦
    2014-04-04
  • JavaScript学习笔记之基础语法

    JavaScript学习笔记之基础语法

    本文不是零基础教学,请没javascript基础的小伙伴们先出门左拐,本人之前学习java的,所以本文主要对比下java学习javascript。
    2015-01-01
  • JavaScript 链式结构序列化详解

    JavaScript 链式结构序列化详解

    这篇文章主要介绍了JavaScript 链式结构序列化详解的相关资料,需要的朋友可以参考下
    2016-09-09

最新评论