Array 对象方法

方法 描述
concat() 连接两个或更多的数组,并返回结果。
join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加一个或更多元素,并返回新的长度。
reverse() 颠倒数组中元素的顺序。
shift() 删除并返回数组的第一个元素
slice() 从某个已有的数组返回选定的元素
sort() 对数组的元素进行排序
splice() 删除元素,并向数组添加新元素。
toSource() 返回该对象的源代码。
toString() 把数组转换为字符串,并返回结果。
toLocaleString() 把数组转换为本地数组,并返回结果。
unshift() 向数组的开头添加一个或更多元素,并返回新的长度。
valueOf() 返回数组对象的原始值

可以改变原数组的方法:

1) pop()

  用于删除并返回数组的最后一个元素。

  语法

  arrayObject.pop()

var a = [1,2,3];
console.log(a.pop()); //3
console.log(a) //[1,2]

  返回值

  arrayObject 的最后一个元素。

2) push()

  可向数组的末尾添加一个或多个元素,并返回新的长度。

var a = [1,2,3];
console.log(a.push(4,5,6)); //6
console.log(a) //[1, 2, 3, 4, 5, 6]

  语法

  arrayObject.push(newelement1,newelement2,....,newelementX)

  返回值

  把指定的值添加到数组后的新长度。

3) reverse()

  用于颠倒数组中元素的顺序。

var a = [1,2,3];
console.log(a.reverse()); //[3, 2, 1]
console.log(a) //[3, 2, 1]

  语法

  arrayObject.reverse()

  返回

  颠倒后的数组

4) shift()

  用于把数组的第一个元素从其中删除,并返回第一个元素的值 

var a = [1,2,3];
console.log(a.shift()); //1
console.log(a) //[2, 3]

  语法  

  arrayObject.shift()

  返回值

  数组原来的第一个元素的值。

5)unshift()

  可向数组的开头添加一个或更多元素,并返回新的长度。

var a = [1,2,3];
console.log(a.unshift(4,5,6)); //6
console.log(a) // [4, 5, 6, 1, 2, 3]

  语法

  arrayObject.unshift(newelement1,newelement2,....,newelementX)

  返回值

  arrayObject 的新长度。

6) sort()

  用于对数组的元素进行排序。

        var a = [3,1,10,6,15];
console.log(a.sort()); //[1, 10, 15, 3, 6]
//如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序
console.log(a.sort(function(a,b){
return a-b
})); //[1, 3, 6, 10, 15]
// 要按照数值的大小对数字进行排序,就必须使用一个排序函数
console.log(a) //[1, 3, 6, 10, 15]

  语法

  arrayObject.sort(sortby)

  返回值

  对数组的引用。请注意,数组在原数组上进行排序,不生成副本。

7)splice()

  为数组中 添加/删除 项目,然后返回被删除的项目。

var a = [1,2,3];
console.log(a.splice(1,1,"添加")); //[2]
console.log(a); //[1, "添加", 3]

  语法

  arrayObject.splice(index,howmany,item1,.....,itemX)

  参数

index

必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany

必需。要删除的项目数量。如果设置为 0,则不会删除项目。

item1, ..., itemX

可选。向数组添加的新项目。

  返回值

  被删除的一个数组(或者多个数组)。如果没有删除数组的话,则返回一个空的数组。

不可以改变原数组的方法:

1) concat()

  用于连接两个或多个数组

语法;

  arrayObject.concat(arrayX,arrayX,......,arrayX)

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

返回值:

  返回一个新的数组。该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果要进行 concat() 操作的参数是数组,那么添加的是数组中的元素,而不是数组。

2) join()

  把数组中的所有元素放入一个字符串,元素通过指定的分隔符进行分隔。

var arr =["George", "John", "Thomas"]

console.log(arr.join(".")) 
//George.John.Thomas  
console.log(arr) 
//["George", "John", "Thomas"]

语法:

arrayObject.join(separator)

返回值

返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。

3) slice()

  可从已有的数组中返回选定的元素

var a = [1,2,3];
console.log(a.slice(1,2)); //[2]
console.log(a) //[1, 2, 3]

  语法

  arrayObject.slice(start,end)

  返回值

  返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素

4)toString()

  可把数组转换为字符串,并返回结果。

var a = [1,2,3];
console.log(a.toString()); //1,2,3
console.log(a) //[1, 2, 3]

  语法

  arrayObject.toString()

  返回值

  arrayObject 的字符串表示。返回值与没有参数的 join() 方法返回的字符串相同。

5)toLocaleString()

把数组转换为本地字符串

var a = [1,2,3];
console.log(a.toLocaleString()); //1,2,3
console.log(a)       //[1, 2, 3]

语法

arrayObject.toLocaleString()

返回值

arrayObject 的本地字符串表示。

6)toSource()

toSource() 方法表示对象的源代码。

该原始值由 Array 对象派生的所有对象继承。

toSource() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

7)valueOf()

  返回 Array 对象的原始值。

  该原始值由 Array 对象派生的所有对象继承。

  valueOf() 方法通常由 JavaScript 在后台自动调用,并不显式地出现在代码中。

  语法

  arrayObject.valueOf()

(转) 参考: https://www.cnblogs.com/1234wu/p/10150167.html

javaScript 内置对象-Array数组的更多相关文章

  1. JavaScript 内置对象 Array 数组

    Array 数组 1.创建数组 构造函数 new Array() 小括号内可以是数组元素个数,也可以是数组项 数组字面量表示法 var arr = [1,2,3,4,5]; 2.数组长度 arr.le ...

  2. JavaScript内置对象之数组

    一.JavaScript对象之数组 1.创建数组的方式 (1)使用Array构造函数 语法:new Array() 小括号()说明: -预先知道数组要保存的项目数量 -向Array构造函数中传递数组应 ...

  3. JavaScript内置对象(字符串,数组,日期的处理)

    Date 日期对象 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 定义一个时间对象 : var Udate=new Date(); 注意:使用关键字new,Date()的首 ...

  4. JavaScript内置对象-Array

    ▓▓▓▓▓▓ 大致介绍 除了Object之外,Array类型恐怕就是JavaScript种最常用的类型了,JavaScript中的数组与其他语言中的数组有很大的区别,例如,数组的每一项可以存放任何值, ...

  5. 学习笔记:javascript内置对象:数组对象

    1.数组对象的创建   1.设置一个长度为0的数组  var myarr=new array(); 2.设置一个长度为n的数组  var myarr=new arr(n); 3.声明一个赋值的指定长度 ...

  6. JavaScript内置对象Array、String 的方法

    Array push() //将一个或多个数据加入到数组的末端,并返回新的数组长度. pop() //取出数组中的最后一项,修改length属性,并返回被删除的数据 shift() //取出数组中的第 ...

  7. javascript数组的内置对象Array

    javascript的内置对象Array是用于构造数组的全局对象,数组是类似于列表的高阶对象. 创建数组的方法: 1通过字面量:var arr = [1,2,3]; 里面的参数直接作为数组里的值 2通 ...

  8. 17-[JavaScript]- 内置对象 Array,String,Date,Math

    1.Array数组 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> < ...

  9. javascript 内置对象及常见API

    javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置 ...

随机推荐

  1. C# 自定义承载控件

    例如ToolStripTextBox类,里面的封装就是一个TextBox控件..NET的类库提供了ToolStripComBox和ToolStripProgressBar两个类.这些类都是从ToolS ...

  2. 2017-2018-2 20165215 实验二 Java面向对象程序设计

    20165215 实验二 Java面向对象程序设计 一.实验报告封面 课程:Java程序设计 班级:1652班 姓名:张家佳 学号:20165215 指导教师:娄嘉鹏 实验日期:2018年4月16日 ...

  3. xshell中出现的绿色背景的文件夹

    这种文件夹表示权限为777的文件夹 可以使用chmod 777 fileName进行权限修改 如果需要将文件夹以及其子文件夹的权限全部置为777 chmod 777 -R directoryName/ ...

  4. Docker相关知识整理

    一.进入和退出docker容器 使用docker ps查看容器id docker exec -it containerId /bin/bash //进入容器 Ctrl + P + Q //退出容器 二 ...

  5. vue打包报内存溢出

    vue-cli 构建的项目:package.json 文件里修改: "build": "node build/build.js" 修改为: "buil ...

  6. Charles 从入门到精通 --转

    文章目录 1. 目录及更新说明 2. Charles 限时优惠 3. 简介 4. 安装 Charles 5. 将 Charles 设置成系统代理 6. Charles 主界面介绍 7. 过滤网络请求 ...

  7. Caused by: java.net.BindException: Address already in use: bind

    org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'brandService ...

  8. Docker学习笔记之使用 Docker Compose 管理容器

    0x00 概述 通过之前的介绍,我们已经基本掌握了构建.运行容器的方法,但这还远远不够,由于 Docker 采用轻量级容器的设计,每个容器一般只运行一个软件,而目前绝大多数应用系统都绝不是一个软件所能 ...

  9. Python3 离线安装TensorFlow包

    Python3 离线安装TensorFlow包 1,下载包 官网地址:https://pypi.org/project/tensorflow/1.1.0rc2/#files 清华镜像:https:// ...

  10. 纯手写SpringMVC到SpringBoot框架项目实战

    引言 Spring Boot其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化的配置. 通过这种方式,springboot ...