JS基础: array 对象

数组的属性有：length、constructor、prototype
数组的方法有以下：
filter: 过滤筛选出符合条件的数组,filter不会改变原始数组。
语法：arr.filter(function(currentValue, index, arr)；

const arr = [
	{name:'hz',distance:95},
	{name:'qz',distance:56},
	{name:'nb',distance:102}
]; 
const list = arr.filter((item,index,arr)=>{return item.distance > 100}); 
console.log(list); // [{name:'nb',distance:102}]
 

every: 检查数组中的每个元素是否都满足要求，所有都满足时返回true, 否则false。every不会改变原始数组。
语法：arr.some(function(currentValue, index, arr)

const arr = [
	{name:'bj',score:95},
	{name:'wh',score:102}
]; 
const pass = arr.every((item,index,arr)=>{return item.score> 100}); 
console.log(pass); // false

some: 检查数组中的任何元素是否满足要求。只要有一个满足条件，就不检查剩余的值，直接返回true, 否则返回false。some不改变原始数组。
语法：arr.some(function(currentValue, index, arr)

const arr = [
	{name:'bj',score:95},
	{name:'wh',score:102}
]; 
const pass = arr.some((item,index,arr)=>{return item.score> 100}); 
console.log(pass); // true

map:给数组的每个数组元素调用函数的结果创建新数组。
语法：arr.map(function(currentValue, index, arr)；

const arr = ["block","inline","inline-block","flex"]; 
const arr1 = arr.map(item=>{return {display:item}});
console.log(arr1);
//  打印值
[
	{display: 'block'},
	{display: 'inline'},
	{display: 'inline-block'},
	{display: 'flex'}
]

concat: 用于连接两个及以上的数组，concat返回一个新的数组，不改变原数组。
语法：array1.concat(array2, array3, …, arrayX)

const arr1 = ["you are"]; 
const arr2 = ["the trouble"]; 
const arr3 = ["I`m in"]; 
const arrConcat = arr1.concat(arr2,arr3);
console.log(arrConcat); //  ['you are', 'the trouble', 'I`m in']

find: 返回数组中第一个符合条件的元素，找到后不再检查剩余值，find不改变原始数组。
语法：array.find(function(currentValue, index, arr)

const arr = [
	{name:'bj',score:95},
	{name:'wh',score:102},
	{name:'sh',score:202}
]; 
const firstPass = arr.find((item,index,arr)=>{return item.score > 100}); 
console.log(firstPass);   // {name: 'wh', score: 102}

includes: 确定数组中是否包括指定的元素。包括返回true，否则false。
includes() 方法区分大小写。
语法：array.includes(element, start)；
element必需，是要搜索是元素。
start 可选。默认 0。在数组中的哪个位置开始搜索。

const arr = ["absolute","relative","float"]; 
console.log(arr.includes("relative")); // true

indexOf: 返回数组中指定元素的位置，找不到时返回-1。如果某元素出现多次，则返回第一次出现的位置。

const arr = ["How","Are","You"];
console.log(arr.indexOf("You")); // 2

findIndex: 返回数组中满足条件的第一个元素的索引，找不到时返回-1,找到后不再检查剩余的元素。findIndex不会改变原始数组。

const arr = [
	{name:"How"},
	{name:"Are"},
	{name:"You"}
];
let firstIndex = arr.findIndex((item,index,arr)=>item.name==="You");
console.log(firstIndex); // 2

reverse： 反转数组中元素的顺序,reverse() 方法将改变原始数组。

const arr = ["How","Are","You"];
arr.reverse();
console.log(arr); // ['You', 'Are', 'How']

forEach: 按顺序为数组中的每个元素调用一次函数。
语法：arr.forEach(function(currentValue, index, arr)

const arr = [{name:"How"},{name:"Are"},{name:"You"}]; 
arr.forEach((item,index,arr)=>{console.log(item.name)});
// How
// Are
// You

isArray: 判断是否是数组，是返回 true，否则返回 false。

const arr = []; 
console.log(Array.isArray(arr)); // true

pop: 移除数组的最后一个元素。pop会改变数组的长度。
语法：arr.pop()

const arr = ["block","inline","inline-block","flex"]; 
arr.pop(); 
console.log(arr); //  ['block', 'inline', 'inline-block'];

push: 在数组的末尾增加新元素, push会改变数组的长度。
语法：arr.push(item1, item2, …, itemX);

const arr = ["size","color","background"]; 
arr.push("weight","family");
console.log(arr);  // ['size', 'color', 'background', 'weight', 'family']