ES6의 배열 반복, 변환, 생성, 찾기

1. ES5 중수조의 3 중첩 방법

forEach, forEach는 브레이크와continue를 지원하지 않습니다

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

arr.forEach(function (item) {
  //forEach ， break,continue 
  console.log(item)
})

every

const arr = [1,2,3,4,5]
arr.every(function (item) {
  if(item === 4){
    return false
  }
  console.log(item)
  return true
  // return false, ，return true 
})

for in, for in은 사실 대상을 두루 훑어본다. for in은break와continue를 지원하지만 index는 문자열이다

//for in 
const arr = [1,2,3,4,5]
for(let index in arr){
  if(index == 2){   // index ， ===，index ！
    break
  }
  console.log(index, arr[index])
}

2, ES6의 for of 스트리밍 그룹

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

3. ES5와 ES6에서 각각 위조 수조를 수조로 전환한다

위조 그룹: {0:'a', 1:'b','length:2}, 위조 그룹은 하나의 대상이다. 그 중에는length 속성이 있고 다른 속성은 색인에 따라 데이터를 저장한다.
ES5에서: let imgs = [].slice.call(document.querySelectorAll('img')//NodeList ES6에서:let imgs = Array.form(document.querySelectorAll(‘img’))
Array.from () 는 또한 스트리밍 기능을 갖추고 있다

let array = Array.from({length:5},function () {
  return 1
})
console.log(array)  // [1,1,1,1,1]

4. 새 배열 생성

let array2 = Array.of(1,2,3,4,5)

아니면 Array.fill(value,start,end)도 괜찮아요.

let array3 = Array(5).fill(5)   //[5,5,5,5,5]
let array4 = [1,2,3,4,5]
console.log(array4.fill(-1,1,4))   //[1,-1,-1,-1,5]

5, 배열 찾기

Array.filter()

// 

let array5 = [1,2,3,4,5]
let find = array5.filter(function (item) {
  return item === 3
})
console.log(find)  // [3]

만약에 수조에 어떤 원소가 존재하는지 확인하려면 찾았어도 멈추지 않고 그는 계속해서 아래를 찾아서 전체 수조를 두루 돌아다닐 때까지 최종적으로 수조 형식으로 되돌아갈 것이다. 만약에 수조가 비교적 길면 효율이 비교적 낮다.ES6에서 찾기 사용 가능

Array.find()

let find2 = array5.find(function (item) {
  return item === 2
})
// ， （ ）， ， undefined

filter () 는 모든 일치하는 값을 찾아서 하나의 그룹으로 되돌려주고,find 첫 번째 일치하는 값을 찾아서 되돌려줍니다.

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

js 매개 변 수 는 배열 대상 을 전달 하고 이 매개 변 수 를 수정 하면 원래 배열 에 영향 을 줄 수 있 습 니까?

1. 방법 에서 원 데 이 터 를 바 꾸 면 원 배열 에 영향 을 줄 수 있 습 니 다. 하나의 할당, 정렬 을 포함 합 니 다. 2. 방법 중 원 데이터 에 영향 을 주지 않 으 면 원 배열 을 바 꾸 지 않 습 ...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.