html 数组表示方法,数组常见方法.html

// 打印数组的方法

// var arr=[]

// console.log([])

// console.log(arr.__proto__)

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

//1、every:该数组里的所有元素都满足条件为true,有一个不满足为false

console.log(arr.every(item => {

return item > 0

}))

console.log(arr.every(item => {

return item % 2 === 0

}))

//如果方法里只有一句并且return,可以改写成

console.log(arr.every(item => item % 2 === 0))

//2、filter:从数组中将所需数据过滤出来

console.log(arr.filter(item => item > 2))

//3、find:找到满足条件的第一个

console.log(arr.find(item => item > 2))

//4、some:只要找到满足条件的一个,就返回true;一个都不满足则为false

console.log(arr.some(item => item > 2))

console.log(arr.some(item => item > 21))

//5、forEach:没有返回值(无return),将数组循环一遍

arr.forEach(item => {

console.log(item)

})

arr.forEach(item => {

item = item * 20

})

console.log(arr) //未改变

//6、map:有返回值(可以return)

console.log(arr.map(item => {

return item * 20

}))

// console.log(arr.map(item =>item * 20))

//变为对象返回出去 ,返回四个对象,每个都有age属性

console.log(arr.map(item => {

return {

age: item * 20

}

}))

//也可不写return,但要加小括号

console.log(arr.map(item => ({

age: item * 20

})))

//7、reduce:a代表上一次结果

console.log(arr.reduce((a,b)=>{

return a+b

}))

//8、join:将数组拼接成字符串

console.log(arr.join(','))

//9、indexOf:返回该元素在数组里的下标

console.log(arr.indexOf(2))

//10、includes:是否包含该元素,是为true

console.log(arr.includes(2))

//11、concat:拼接,返回新数组,但不改变旧数组

console.log(arr.concat([6]))

console.log(arr)

//12、slice:截取minIdex<= X

console.log(arr.slice(0,2))//1、2

console.log(arr.slice(1,2))//2

//13、splice:从第几位开始删除,删除几位

arr.splice(2,1)

console.log(arr)

// //14、Array.isArray:判断一个对象是否是数组

// function test(obj){

// if(!Array.isArray(obj))

// //throw抛出异常,手动报错

// throw '参数不是数组'

// obj.push(1)

// }

// test({name:'123'})

//15、Array.from:从类似的数组对象转换为数组

var obj={

0:'123',

1:'ace',

length:2

}

var arr1=Array.from(obj)

console.log(arr1)

一键复制

编辑

Web IDE

原始数据

按行查看

历史