js数组容器中包含的属性和方法概述

1、.length----获取数组长度;

var arr = [1,2,3,4,5];
console.log(arr.length)  //5

2、shift()----删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined,直接在元数组上修改;

var arr= [1,2,3,4,5];
var result = arr.shift();
console.log(arr)   //[2,3,4,5]
console.log(result)   //1

3、unshift()----将参数添加到原数组开头,并返回数组的长度,直接在元数组上修改;

arr = [1,2,3,4,5];
result = arr.unshift(-2,-1);

console.log(arr) //[-2,-1,1,2,3,4,5]
console.log(result) //7
4、pop()----删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined,直接在元数组上修改;

arr= [1,2,3,4,5];
result = arr.pop();
console.log(arr) //[1,2,3,4]
console.log(result) //5

5、push()----将参数添加到原数组末尾,并返回数组的长度,直接在元数组上修改;

arr = [1,2,3,4,5];
result = arr.push(6,7);
console.log(arr) //[1,2,3,4,5,6,7]
console.log(result) //7

6、concat()----数组合并,返回一个新数组,不影响原数组;

arr = [1,2,3,4,5];
result = arr.concat(6,7);
console.log(arr); //[1,2,3,4,5]
console.log(result); //[1,2,3,4,5,6,7]
7、sort()----将数组从小到大排序,直接在原数组上修改;

arr = [4,5,2,3,1];
result = arr.sort();
    console.log(arr);   //[1, 2, 3, 4, 5]
console.log(result)   //[1, 2, 3, 4, 5]

8、reverse()----将数组反序,直接在原数组上修改;

arr = [4,5,2,3,1];
result = arr.reverse()
console.log(arr);   //[1, 3, 2, 5, 4]
console.log(result)   //[1, 3, 2, 5, 4]

9、slice(startIndex,endIndex)----截取起始索引startIndex 到 结束索引endIndex之间的项组成新的数组,该新数组包括起始索引startIndex所对应的项,不包括结束索引endIndex所对应的项;

arr = [1,2,3,4,5];
result1 = arr.slice(2,5);
result2 = arr.slice(2);
console.log(arr)  //[1,2,3,4,5]
console.log(result1)  //[3,4,5]
console.log(result2)  //[3,4,5]

10、join(separator)----将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,不影响原数组;

arr= [1,2,3,4,5];
result = arr.join("|");
console.log(arr)  //[1, 2, 3, 4, 5]
console.log(result)  //1|2|3|4|5

11、splice(start,deleteCount,val1,val2,...)----从start位置开始删除deleteCount项,并从该位置起插入val1,val2,... ,直接在原数组上修改;

arr= [1,2,3,4,5];
result1 = arr.splice(2,2,7,8,9);
console.log(arr);   //[1,2,7,8,9,5]
console.log(result1);  //[3,4]
result2 = arr.splice(0,1);  //同shift
console.log(arr);   //[2,7,8,9,5]
console.log(result2);  //[1]
arr.splice(0,0,-2,-1);   //同unshift
console.log(arr);  //[-2,-1,2,7,8,9,5]
result3 = arr.length;
console.log(result3);  //7
result4 = arr.splice(arr.length-1,1); //同pop
console.log(arr); //[-2,-1,2,7,8,9]
console.log(result4);  //[5]
arr.splice(arr.length,0,6,7);   //同push
console.log(arr);  //[-2,-1,2,7,8,9,6,7]
result5 = arr.length;
console.log(result5)  //8

原文地址:http://blog.51cto.com/10325748/2107572

时间: 2024-10-05 04:58:37

js数组容器中包含的属性和方法概述的相关文章

JS和Java数组判断是否包含某个项的方法

JS 对于JS数组判断是否包含可以使用数据的方法indexOf,如果包含返回检验项在数组中的位置,例如 var testArray = [1,2,3,4,5,7]; testArray.indexOf(6)将返回-1,表明不包含6这个检测项. Java 仔细研究了一下关于Java的包含问题,可以采取下面几种方式,例如 String[] testArray = new String[]{"a","b","c"}; testArray.toStrin

如果容器中包含了通过new操作创建的指针,切记在容器对象析构前将指针delete掉

如果容器中包含了通过new操作创建的指针,切记在容器对象析构前将指针delete掉 在STL中容器是智能的,可以在容器销毁时自动调用容器里对象的析构函数来销毁容器存储的对象. STL的容器虽然比较智能,但是没有智能到可以自动销毁new出来的指针对象. 所以在使用STL中的容器时,如果保存的是mew出来的对象的指针.如果在容器销毁之前没有把new出来的对象释放,会造成内存泄露. 解决方法版本一: 这种手工释放容器里new的对象不太可靠,菲异常安全的.如果在delete的时候爆出异常,那么还是会引起

在自定义的js验证规则中调用magento的VarienForm方法验证表单

js部分<script type="text/javascript"> //<![CDATA[ var loginForm = new VarienForm('login-form', true); $('login-email').observe('keypress', bindLoginPost); $('login-password').observe('keypress', bindLoginPost); function bindLoginPost(evt)

JavaScript中Number常用属性和方法

title: JavaScript中Number常用属性和方法 toc: false date: 2018-10-13 12:31:42 Number.MAX_VALUE--1.7976931348623157e+308,可表示的最大数 Number.MIN_VALUE--5e-324,可表示的最小数 toExponential(x)--把对象的值转换为指数计数法 toFixed(x)--把数字转换为字符串,x为小数点后位数 toPrecision(x)--把数字格式化为指定的长度 toStri

js获取页面容器中的控件id方法即遇到的问题

在实际开发过程中,我们会把一些控件放在容器中,这样生成出来的页面上容器中的控件id就会自动生成前缀+控件id,如果不注意就会导致js获取的时候出现错误. 通过网上查到的资料可以用document.getElementById("<%=btn.ClientID %>")来动态的获取容器中变动的控件id(btn是本来控件的id,btn.ClientID是变化之后的控件id). 但是如果把该代码放在<head runat="server">中执行,

JS中如何实现属性和方法的继承

JS中面向对象的实现: function Person(name,color){ this.name = name; this.color = color; } Person.prototype.showName = function(){ alert(this.name); } Person.prototype.showColor = function(){ alert(this.color); } function Worker(name,color,job,age){ Person.app

JS~一个列表中包含上移下移删除等功能

最近做了一个项目,包括了一个列表页,为了用户体验,操作均使用JS实现,其中包括在列表中实现上移,下移,删除等功能,前台JS,后端数据修改使用AJAX,本文主要说一下前台JS这块 先看一下页面的截图 看一下它的HTML结构,当然,这与前台切图有关,后端程序人员只负责写自己的JS这块,我以我们项目为例,看一下它们切的HTML <ul class="clearfix"> <li class="courseList"> <div class=&

js数组去重的几种简单的方法

先看博客:http://www.itnose.net/detail/6392462.html 这里有一个hash的方法:http://www.itnose.net/detail/6431264.html 第一种遍历方法: a.是检测新数组newArr里有没有包含Arr里的i项,如果没有则向newArr里添加Aii[i]项,如果有则跳过:不做任何操作. var Arr = [0,0,1,1,2,2,3,3,4,4,5,5,6,7,8,9]; function unArray (Arr) { var

js公有、私有、静态属性和方法的区别

现下,javascript大行其道,对于网站开发人员来说,javascript是必需掌据的一门语言,但随着jquery等框架的流行和使用,许多人 对于原生javascript缺乏深入的理解,习惯了函数式的编辑风格,对于闭包.原型总是说不清道不明.对于js面向对象蹩脚的用着,而要了解js面向 对象,就必需先了解js中什么是公有方法.特权方法.静态方法 公有属性和公有方法 function User(name,age){ this.name = name;//公有属性 this.age = age;