前端基础-基础数据类型及原生方法

JS 数据类型

基础数据类型

Number
String
Boolean
Null
Undefined
Symbol

引用数据类型

Object
Array
Function

数据结构

String 原生方法

Number 原生方法

Object 原生方法

Object 遍历

Array 原生方法

Array 遍历

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

// 1.for 循环
for(let i = 0; i < arr.length; i++) {
  console.log(arr[i])
}

// 2.for of
for(let it of arr) {
  console.log(it)
}

// 3.forEach
arr.forEach((it, index, _arr) =>{
  console.log(it, index, _arr)
})

// 4.map(参数为回调函数)函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新数组，原数组不变；
let arrMap = arr.map((it, i)=>{
  console.log(it, i)
  return it+1
})
console.log(arrMap)

// 5.filter(参数为回调函数)函数：过滤通过条件的元素组成一个新数组，原数组不变；
let arrFilter = arr.filter((it, i)=>{
  console.log(it, i)
  return it > 2
})
console.log(arrFilter)

// 6.some(参数为回调函数)函数，遍历数组中是否有符合条件的函数，返回布尔值；
const arrSome = arr.some((it,i) => {
  console.log(it, i)
  return it === 2
})
console.log(arrSome)

// 7.every(参数为回调函数)函数，遍历数组是否每个元素都符合条件，返回布尔值；
const arrEvery = arr.every((it,i) => {
  console.log(it, i)
  return it > 0
})
console.log(arrEvery)

// 8.find()函数，数组中的每个元素都执行这个回调函数；返回第一个满足条件的元素 之后的元素就不在调用；没有符合的返回undefined；并没有改变数组的原始值。
const arrFind = arr.find((it,i) => {
  console.log(it, i)
  return it > 2
})
console.log(arrFind)

// 9.reduce(),合并二维数组
var sum = arr.reduce((res, it)=>{
  console.log(it)
  res += it
  return res
}, 0);
console.log(sum)