数组

数组的基础

Array的对象属性

constructor : 返回对创建此对象的数组函数的引用(Array)。

length: 设置或返回数组中元素的数目。

prototype : 使您有能力向对象添加属性和方法。

数组的方法

遍历数组

通过 for 循环来遍历数组

var arr = [1, 2, 3, 4, 5, 6]

var len = arr.length
for(var i = 0; i < len; i++) {
    console.log(arr[i])
}

// 1 2 3 4 5 6

通过 forEach() 方法来遍历数组

arr.forEach(callback(currentValue [, index [, array]])[, thisArg])

arr.forEach() 遍历整个数组，对数组进行操作，但不返回值

let fruits = ['apple','orange','banna',]
fruits.forEach(function (item, index, array) {
    console.log(item, index);
});
// apple 0
// orange 1
// banna 2

// 例子2
let arr = [1,2,3,4,5];
let res=0;
arr.forEach(item => {
  item>=3?res++:res
});
console.log(res)          // 3

// 例子3  和Object.key()的配合使用
//Object.keys() 方法返回一个对象的属性值组成的数组
let obj = {
    name: 'liu',
    age: 20
};
Object.keys(obj).forEach((value, index, arr) = > {
    console.log("value is : %s, index is : %s, arr is : %s", value, index, arr)
})
    //value is : name, index is : 0, arr is : Array(2)
    //value is : age, index is : 1, arr is : Array(2)

通过 map() 方法来遍历数组

array.map(function(currentValue,index,arr), thisValue)

map，从字面上理解，是映射，即数组元素的映射。

它提供一个回调函数，参数依次为处于当前循环的元素、该元素下标、数组本身，三者均可选。

map 方法不改变原数组。

map方法会返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

let arr = [1,2,3,4,5]
let arr1 = arr.map((item,index)=>{
  return item*(index+1)
});
console.log(arr)    //[1, 2, 3, 4, 5]
console.log(arr1)    //[1, 4, 9, 16, 25]

通过 find() 和 findIndex() 方法来遍历数组

find() 和 findIndex() 方法返回通过测试（函数内判断）的数组的第一个元素的值(位置)。

find()和 findIndex() 方法为数组中的每个元素都调用一次函数执行：

当数组中的元素在测试条件时返回 true 时, find() 和 findIndex() 返回符合条件的元素(位置)，之后的值不会再调用执行函数。

如果没有符合条件的元素返回 undefined

注意: find() 和 findIndex() 对于空数组，函数是不会执行的。

注意: find() 和 findIndex() 并没有改变数组的原始值。

var arr = [1, 2, 3, 4, 4, 5, ]

var ele = arr.find( (item, index) => {return item === 4})

var ind = arr.findIndex( item => {return item === 4})

console.log(ele )   //  4
console.log(ind )   //  3

通过 filter() 方法来遍历数组

array.filter(function(currentValue,index,arr), thisValue)

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意: filter() 不会对空数组进行检测。

注意: filter() 不会改变原始数组。

var arr = [1,2,3,4,5]

smallvalues = arr.filter(function(c) { return c<3})    //[1,2]
everyother = arr.filter(function(c,i) { return i%2==0})    //[1,3,5]

通过 every()和some() 方法来遍历数组

every()和some()方法对数组依次进行逻辑判断，

every() 必须所有元素都满足条件，则返回 true
如果有一个元素不满足，则整个表达式返回 false

some()只要有一个元素满足条件，则返回 true。
如果没有满足条件的元素，则返回 false。

注意: every()和some() 不会对空数组进行检测。

注意: every()和some() 不会改变原始数组。

var arr = [ 1, 2, 3, 4, 5, 6 ]

console.log( arr.some( ( item, index, array ) => { 
    console.log(  'item=' + item + ',index='+index+',array='+array)
    return item > 3
}))

//  运行结果
//  item=1,index=0,array=1,2,3,4,5,6
//  item=2,index=1,array=1,2,3,4,5,6
//  item=3,index=2,array=1,2,3,4,5,6
//  item=4,index=3,array=1,2,3,4,5,6
//  true

console.log( arr.every( ( item, index, array ) { 
    console.log( 'item=' + item + ',index='+index+',array='+array )
    return item > 3; 
}))

//  运行结果
//  item=1,index=0,array=1,2,3,4,5,6
//  false

数组的其他方法

splice() 方法

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

array.splice() 函数 直接 在原数组进行添加、删除、替换元素的操作。

array.splice()返回值为 array 操作后的 元素组成的数组。

注意: 如果使用浅拷贝来操作拷贝的数组其会指向原数组

var fruits = ["Banana", "Orange", "Apple", "Mango"]
var fruits1 = fruits 

fruits1.splice(2,0,"Lemon","Kiwi");

console.log(fruits)    //  Banana,Orange,Lemon,Kiwi,Apple,Mango
console.log(fruits1)    //  Banana,Orange,Lemon,Kiwi,Apple,Mango

slice() 方法

array.slice(start, end)

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

slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。

注意: slice() 方法不会改变原始数组。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
console.log(fruits)    //Banana,Orange,Lemon,Apple,Mango
console.log(citrus)    //Orange,Lemon

push()和unshift()方法

向数组的 尾部/头部 添加 若干元素，并返回 数组的 新长度；

var arr = [1, 2];
arr.push(3,4)；         //返回 arr 的新长度 4
console.log(arr);      // arr = [1,2,3,4];
arr.unshift(0,0.5);    // 返回 arr 的新长度 6
console.log(arr) ;    // arr = [0,0.5,1,2,3,4];

pop()和shift() 方法

从数组的 尾部/头部 删除1个元素(删且只删除1个)，并返回 被删除的元素；空数组是继续删除，不报错，但返回undefined

pop() 和 shift() 不接受传参

arr.pop();          // 返回 4;
console.log(arr);         // arr = [0,0.5,1,2,3];
arr.pop(2);        // 返回 3;
console.log(arr);        // arr = [0,0.5,1,2];
arr.shift();          // 返回 0;
console.log(arr);        // arr = [0.5,1,2]

Array.indexof()

找出某个元素在数组中的索引

var fruits = ["Strawberry", "Banana", "Mango"]
var pos = fruits.indexOf('Banana');
console.log(pos)          // 1

Array 对象方法

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。