美文网首页
JavaScript - Array

JavaScript - Array

作者: 一世长安乱 | 来源:发表于2018-04-11 18:07 被阅读0次

不推荐使用
var arr=new Array()
常用这种方式
var arr=[1,2,3,true,'abc',new date()];
JS中的数组长度并不固定,随时可以添加和删改元素

  • push:向数组尾部添加元素,返回值为数组新长度

var arr=[1,2,3];
var result=arr.push(1,2,3);
// [1,2,3,1,2,3]
  • pop:从数组尾部移除一个元素,返回值为移除的元素

var arr=[1,2,3];
var result=arr.pop();
// [1,2]
  • shift:从头部移除一个元素,返回值为移除的元素

var arr=[1,2,3];
var result=arr.shift();
// [2,3]
  • unshift:从头部插入多个元素,返回值为数组的长度

var arr=[1,2,3];
var result=arr.unshift('a','b');
// ['a','b',1,2,3]
  • splice:截取替代元素,返回被截取的元素

需要操作数组本身
p1:起始位置
p2:表示截取个数
p3及以后:表示替换的新元素

var arr=[1,2,3,4,5];
var result=arr.splice(1,2,'a');
// [1,'a',4,5]
  • slice:返回截取内容

不会对数组本身操作
p1p2:左闭右开区间

var arr=[1,2,3,4,5];
var result=arr.slice(1,3);
// [1,2,3,4,5]
// result:2,3
  • concat:合并数组,返回合并后的数组

不对原本数组进行操作

var arr1=[1,2,3,4,5];
var arr2=['a','b','c'];
var result=arr1.concat(arr2);
// result:1,2,3,4,5,a,b,c
  • join:在每个元素之间加入内容

不需要操作原数组

var arr=[1,2,3,4,5];
var result=arr.join('-');
// result:1-2-3-4-5
  • sort:正序排序

var arr=[1,2,5,6,3];
arr.sort();
// [1,2,3,5,6]

但是因为他按字符串排序

var arr=[1,2,5,10,3];
arr.sort();
// [1,10,2,3,5]

如果要按照大小排序

// 按升序排序
var arr=[1,2,5,10,3];
arr.sort(compare);
alert(arr);
function compare(value1,value2){
if (value1<value2){
    return -1;
  }else if(value1>value2){
    return 1;
  }else{
    return 0;
  }
}
// 1,2,3,5,10
// 按降序排序
var arr=[1,2,5,10,3];
arr.sort(compare);
alert(arr);
function compare(value1,value2){
if (value1<value2){
    return 1;
  }else if(value1>value2){
    return -1;
  }else{
    return 0;
  }
}
// 10,5,3,2,1
  • reverse:将数组倒过来

var arr=[1,2,3,4,5];
arr.reverse();
// [5,4,3,2,1]
  • indexOf:查找指定元素位置,返回在数组中的下标

stringObject.indexOf(searchvalue,fromindex)从左开始
stringObject.lastIndexOf(searchvalue,fromindex)从右开始

参数 描述
searchvalue 必需。规定需检索的字符串值。
fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。
  • every:方法使用指定函数检测数组中的所有元素

    • 如果数组中检测到有一个元素不满足,则整个表达式返回 false,且剩余的元素不会再进行检测。
    • 如果所有元素都满足条件,则返回 true。

array.every(function(value,index,array), thisValue)

参数 描述
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"
var arr=[1,2,3,4,5,6,7,8,9];
var result=arr.every(function (value, index, array) {
  return value>2;
})
alert(result);
// result:false
  • filter:创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素

注意: filter() 不会对空数组进行检测。
array.filter(function(value, index, array), thisValue)

参数 描述
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"

返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

var arr=[1,2,3,4,5,6,7,8,9];
var result=arr.filter(function (value, index, array) {
  return value<2;
})
alert(result);
// result:1
  • some:用于检测数组中的元素是否满足指定条件(函数提供)

some() 方法会依次执行数组的每个元素:

  • 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会执行检测。
  • 如果没有满足条件的元素,则返回false。
    array.some(function(value, index, array), thisValue)
参数 描述
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"
var arr=[1,2,3,4];
var result=arr.some(function (value, index, array) {
  return value<2;
})
alert(result);
// result:true,false,false,false
  • forEach:方法用于调用数组的每个元素,并将元素传递给回调函数

注意: forEach() 对于空数组是不会执行回调函数的。
array.forEach(function(value,index,array), thisValue)

参数 描述
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"
var arr=[1,2,3,4,5,6,7,8,9];
arr.forEach(function (value, index, array) {
  alert(value);
})

返回值:undefined

  • map:按照原始数组元素顺序依次处理元素

array.map(function(value, index, array), thisValue)

参数 描述
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"
var arr=[1,2,3,4];
var result=arr.map(function (value, index, array) {
  return value+1;
})
alert(result);
// resultl:2,3,4,5

返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

  • reduce:接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值

reduceRight()则是从右往左
array.reduce(function(total, value, index, array), initialValue)

参数 描述
total 必需。初始值, 或者计算结束后的返回值
value 必须。当前元素的值
index 可选。当前元素的索引值
array 可选。当前元素属于的数组对象
initialValue 可选。传递给函数的初始值
var arr=[1,2,3,4];
var result=arr.reduce(function (total, value, index, array) {
  return total+value;
})
alert(result);
// result:10

相关文章

  • JavascriptArray

    JavaScript Array CONTENT Ⅰ.Attributes of Array Object (3)...

  • JavaScript Array

    JavaScript Array小结:

  • 全面认识JavaScript的Array对象

    全面认识JavaScript的Array对象 首先一个是对JavaScript中Array的理解:JavaScri...

  • Array

    javascript Array 1. Properties Array.length var arr = ["a...

  • 2020-02-14

    JavaScript splice() 方法 JavaScript Array 对象](https://www.r...

  • JS基础整理 - 2

    1 JavaScript Array(数组)对象 ![Array(数组)对象.png](http://upload...

  • JavaScript - Array

    不推荐使用var arr=new Array()常用这种方式var arr=[1,2,3,true,'abc',n...

  • JavaScript — Array

    检测数组if (Array.isArray(value)) { //对数组执行某些操作} 转换方法toStr...

  • JavaScript Array

    1.concat() 连接两个或更多的数组,并返回结果该方法不会改变现有的数组,而是创建一个新数组 。 2.joi...

  • JavaScript Array

    ECMAScript数组的大小是可以动态调整的,可以随着数据的添加自动增长长度。创建数值有两种方式: 使用Arra...

网友评论

      本文标题:JavaScript - Array

      本文链接:https://www.haomeiwen.com/subject/iarzhftx.html