JavaScript数组常用的方法总结

导读：在实际开发中，前端工程师除了写页面布局及样式还要对后端返回的数据进行处理，返回的数据大多数是json格式，一般都是返回一个对象或者数组，下面对常用的数组的使用方法进行总结，方便在开发中手到擒来！

数组常用方法

concat() 方法

join() 方法

pop() 方法

push() 方法

reverse() 方法

shift() 方法

slice() 方法

sort() 方法

splice() 方法

toSource() 方法

toString() 方法

toLocaleString() 方法

unshift() 方法

valueOf() 方法

数组常用方法

concat() 方法

concat() 方法用于连接两个或多个数组。

该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"var arr3 = new Array(2)
arr3[0] = "William"
arr3[1] = "Franklin"document.write(arr.concat(arr2,arr3))
//George,John,Thomas,James,Adrew,Martin,William,Franklin

join() 方法

join() 方法用于把数组中的所有元素放入一个字符串。

元素是通过指定的分隔符进行分隔的。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr.join("."))
//George.John.Thomas

pop() 方法

pop() 方法用于删除并返回数组的最后一个元素。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr)//George,John,Thomasdocument.write(arr.pop())//Thomasdocument.write(arr)
//George,John

push() 方法

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas
document.write(arr.push("James") + "<br />")document.write(arr)//George,John,Thomas,James

reverse() 方法

reverse() 方法用于颠倒数组中元素的顺序。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomasdocument.write(arr.reverse())//Thomas,John,George

shift() 方法

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas
document.write(arr.shift() + "<br />")//George
document.write(arr)//John,Thomas

slice() 方法

slice() 方法可从已有的数组中返回选定的元素。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas
document.write(arr.slice(1) + "<br />")//John,Thomas
document.write(arr)//George,John,Thomas

sort() 方法

sort() 方法用于对数组的元素进行排序。

function sortNumber(a,b)
{
return a - b
}var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"document.write(arr + "<br />")//10,5,40,25,1000,1
document.write(arr.sort(sortNumber))//1,5,10,25,40,1000

splice() 方法

splice() 方法向/从数组中添加/删除元素，然后返回被删除的元素。

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"document.write(arr + "<br />")//George,John,Thomas,James,Adrew,Martin
arr.splice(2,0,"William")
document.write(arr + "<br />")//George,John,William,Thomas,James,Adrew,Martin

toSource() 方法

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

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

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

function employee(name,job,born)
{
this.name=name;
this.job=job;
this.born=born;
}var bill=new employee("Bill Gates","Engineer",1985);document.write(bill.toSource());//({name:"Bill Gates", job:"Engineer", born:1985})

toString() 方法

toString() 方法可把数组转换为字符串，并返回结果。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr.toString())//George,John,Thomas

toLocaleString() 方法

把数组转换为本地字符串。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr.toLocaleString())//George, John, Thomas

unshift() 方法

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

var arr = new Array()
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"document.write(arr + "<br />")//George,John,Thomas
document.write(arr.unshift("William") + "<br />")
document.write(arr)//William,George,John,Thomas

valueOf() 方法

valueOf() 方法返回 Array 对象的原始值。

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

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

arrayObject.valueOf()

总结一下（标记的数组方法比较常用，一定要熟练掌握）

如果你觉得还有其它比较好用的，常用的数组方法，欢迎留言和我交流！比如reduce方法等！

var result = [{subject: 'math',score: 10},{subject: 'chinese',score: 20},{subject: 'english',score: 30}
];var sum = result.reduce(function(prev, cur) {return cur.score + prev;
}, 0);
console.log(sum) //60

好啦，本期内容就分享到这里，你知道的越多，你不知道的越多！

记得关注这个文绉绉的前端程序员：孙叫兽的博客

JavaScript数组常用的方法总结相关推荐

js中数组常用的方法总结，包括ES6
原文地址:js中数组常用的方法总结,包括ES6 1.push() 后增 push()方法可以向数组后添加一个新的元素,并返回新数组的长度. 末尾添加,返回长度,改变原数组 var a = [1,2,3 ...
Javascript数组的 splice方法介绍
Javascript数组的 splice 方法介绍 splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容.此方法会改变原数组. 语法格式 array ...
Javascript 数组求和的方法
1.应用场景主要用于数组求和. 2.学习/操作 JavaScript 数组求和的方法 var array = [1, 2, 3, 4, 5]; var sum = 0; 1.for循环 for (l ...
javascript数组常用高阶函数
一·数组常用高阶函数 Array.prototype.filter() 此方法接收一个回调函数作为参数,回调参数接受三个参数,item(源数组中的每一个元素).index(数组下标).arr(源数组) ...
JavaScript数组内置方法-知识
/* * 数组中常用的内置方法:基于这些方法可以让我们有效的对数组进行操作 * console.dir(Array.prototype) 查看数组内置方法 ...
Javascript数组常见的方法
分为两种:原型(实例)方法和静态函数第一类:原型方法: 栈方法(后进先出) push 参数:任意个作用:将任意数量的参数逐个添加到数组尾部返回值: 新数组的长度影响:破坏了原数组 pop 参数 ...
JavaScript数组属性和方法
数组字面量声明数组 let arr = [1,2,3,4] 构造函数声明数组 let arr = new Array(1,2,3) arr[0] = "a" arr[1] = & ...
【基础恶补】JavaScript数组的一些方法，reduce，filter，reverse，map等
reduce reduce方法会对数组中的每个元素按序执行由你提供的reducer函数,每一次运行reducer会将先前元素的计算结果作为参数传入,最后将其结果汇总为单个返回值. 用法,两个参数cal ...
总结: 数组常用的方法
在实际开发当中, 数组和对象使用到最多的; 数组和对象有很多的方法, 这里主要探讨一下: 数组的增删改查数组的排序方式数组转换成其他数据类型的方式 ES6数组新增常用的迭代方式为什么需要数组? ...

JavaScript数组常用的方法总结

数组常用方法

concat() 方法

join() 方法

pop() 方法

push() 方法

reverse() 方法

shift() 方法

slice() 方法

sort() 方法

splice() 方法

toSource() 方法

toString() 方法

toLocaleString() 方法

unshift() 方法

valueOf() 方法

总结一下（标记的数组方法比较常用，一定要熟练掌握）

JavaScript数组常用的方法总结相关推荐

最新文章

热门文章