ES6 (2): ES6 에 추 가 된 방법

3521 단어 자바 script
ES5 에 서 는 배열 이나 문자열 을 쉽게 조작 할 수 있 는 방법 을 추가 해 주 었 습 니 다. 이 방법 들 은 주로 배열 방법, 문자열 방법, 대상 방법 을 포함 합 니 다.
1. 배열 방법
반복 (옮 겨 다 니 기) 방법: foreach (), map (), filter (), every ()
1.1 forEach()
Array.forEach(function(value, index, arr) { })
매개 변수 설명:
Value: 배열 현재 항목 의 값 Index: 배열 현재 항목 의 색인 Arr: 배열 대상 자체
 

    var a = ['  ', '   ', '  ', '   ']
    //    js    
    console.log('  for  ')
    for(var i = 0; i < a.length; i++) {
      console.log(i, a[i])
    }
    // ES6   
    console.log('forEach')
    a.forEach(function(value, index, arr) {
      console.log(index, value)
    })
  

 
1.2 filter()
Array.filter(function(value, index, arr) {})
Filter 방법 은 새로운 배열 을 만 들 것 입 니 다. 배열 의 요 소 는 지정 한 배열 에서 조건 에 맞 는 모든 요 소 를 검사 하 는 것 입 니 다. 주로 배열 을 선별 하 는 데 사 용 됩 니 다.
  
    //         
    var a = ['  ', '   ', '  ', '   ']
    //   js     ?
    console.log('  for  ')
    var resultArr = []
    for(var i = 0; i < a.length; i++) {
      if(a[i].length === 3) {
        resultArr.push(a[i])
      }
    }
    console.log(resultArr)
    //  ES6   ?
    //         
    console.log('ES6  ')
    var result = a.filter(function(value, index, arr) {
      //   return      
      return value.length === 2
    })
    console.log(result)
  

 
1.3 filter()
Array.some(function(value, index, arr) {})
some 방법 은 배열 의 요소 가 지정 한 조건 을 만족 시 키 는 지 검사 하 는 데 사 용 됩 니 다.쉽게 말 하면 배열 에 조건 을 만족 시 키 는 요소 가 있 는 지 찾 아 보 자.
메모: 불 값 을 되 돌려 줍 니 다. 배열 에 조건 을 만족 시 키 는 요소 가 있 으 면 true 로 돌아 갑 니 다. 그렇지 않 으 면 false 로 돌아 갑 니 다.
 
    //             
    var a = ['  ', '   ', '  ', '   ']
    //   js     ?
    console.log('  for  ')
    var flag = false
    for(var i = 0; i < a.length; i++) {
      if(a[i] === '  ') {
        flag = true
      }
    }
    if(flag) {
      console.log('        ')
    } else {
      console.log('      ,        ')
    }
    //  ES6   ?
    console.log('ES6  ')
    var resultFlag = a.some(function(value, index, arr) {
      return value === '  '
    })
    console.log(resultFlag)
  

 
1.4 every()
Array.every(function(value, index, arr) {})
every 방법 은 배열 의 요소 가 지정 한 조건 을 만족 시 키 는 지 검사 하 는 데 사 용 됩 니 다.
메모: 불 값 을 되 돌려 줍 니 다. 배열 에서 모든 조건 을 만족 시 켜 야 true 로 돌아 갑 니 다. 그렇지 않 으 면 false 로 돌아 갑 니 다.
  
    //            2    ,4    
    var a = ['  ', '   ', '  ', '   ', '    ·   ']
    //   js     ?
    console.log('  for  ')
    var flag = true
    for(var i = 0; i < a.length; i++) {
      if(a[i].length < 2 || a[i].length > 4) {
        flag = false
      }
    }
    console.log(flag)
    //  ES6   ?
    console.log('ES6  ')
    var result = a.every(function(value, index, arr) {
      return value.length >= 2 && value.length <=4
    })
    console.log(result)
  

 
1.5 sort()
Array.sort(function(a,b) {})
sort 방법 은 배열 에 정렬 하 는 데 사 용 됩 니 다.기본적으로 1 - 9 의 숫자 만 순서대로 정렬 할 수 있 습 니 다.
Sort 의 리 셋 방법 에 서 는 두 개의 인자 a 와 b 를 받 습 니 다. 일반적으로 a 와 b 를 비교 하여 하나의 정 수 를 되 돌려 a 와 b 의 크기 를 판단 합 니 다.반환 1 은 a > b, 반환 - 1 은 a
 
2. 문자열 방법
Trim () 방법 은 문자열 양쪽 의 공백 문 자 를 삭제 합 니 다.
Trim 방법 은 문자열 자체 에 영향 을 주지 않 고 새로운 문자열 을 되 돌려 줍 니 다.
 
3. 대상 방법
Object.keys(obj)。대상 자체 의 모든 속성 가 져 오기
 
 
 
 
 

좋은 웹페이지 즐겨찾기