es5 새로 추 가 된 배열 방법

3560 단어 자바 script
자주 사용 하 는 배열 요소 의 교체 방법.1. foreach () 방법
foreach () 방법의 기능 은 배열 의 모든 요 소 를 순환 하 는 것 입 니 다.foreach () 방법 은 함 수 를 받 습 니 다.이 함 수 는 아 이 템, index, array 세 개의 형 삼 을 포함 하고 있 습 니 다. 사용 하지 않 으 면 쓰 지 않 아 도 됩 니 다.
  • item 은 매번 교체 되 는 요소
  • 를 나타 낸다.
  • index 는 매번 교체 요소 의 하 표
  • 를 나타 낸다.
  • array 는 원 배열
  • 을 나타 낸다.
    var arr = [20,13,11,8,0,11];
    var min = arr[0]; //               
    
    arr.forEach(function(item,index,array){
    
    	//   :                
    	console.log(index,item); 
    	
    	//   :            
    	if(item%2){ 
    		console.log(item); 
    	}
    	
    	//   :       
    	if(item

    2. map () 방법
    새 배열 을 되 돌려 줍 니 다. 새 배열 은 원래 배열 의 맵 입 니 다.원래 배열 의 값 을 바 꾸 지 않 기;새 배열 의 요소 값 은 매번 함수 return 의 반환 값 입 니 다.return 을 쓰 지 않 으 면 받 은 새 배열 의 요소 값 이 모두 비어 있 습 니 다.
    var arr = [20,13,11,8,0,11];
    var brr = arr.map(function(item)){
    
    	//   :                1.2 
    	return item*1.2;
    	//   brr a       1.2 
    
    	//   : return 1,            1
    	return 1;
    }
    

    3. filter () 방법
    원 소 를 걸 러 내 고 새 배열 을 되 돌려 줍 니 다.새로운 배열 은 매번 함수 반환 값 이 true 에 대응 하 는 요소 로 구성 되 어 있 습 니 다.원래 배열 은 영향 을 받 지 않 습 니 다.
    var arr = [20,13,11,8,0,11];
    var brr =arr.filter(function(item)){
    	//         
    	return item%2;
    }
    

    4. some () 방법
    return 에서 돌아 오 는 값 은 true 이 고 최종 반환 값 은 true 이 며 뒤의 요 소 를 계속 옮 겨 다 니 지 않 습 니 다.반환 값 을 true 로 만족 시 키 지 않 으 면 false 로 돌아 갑 니 다.원래 배열 은 영향 을 받 지 않 습 니 다.
    var arr = [20,13,11,8,0,11];
    var brr = arr.some(function(item){
    	return item>10;
    })
    alert(brr); //true
    

    5. every () 방법
    배열 의 모든 항목 에 주어진 함 수 를 실행 합 니 다. 만약 이 함수 가 모든 항목 이 true 로 돌아간다 면 마지막 결 과 는 true 입 니 다.반환 값 이 false 라면 마지막 결 과 는 false 입 니 다.그리고 뒤의 요 소 는 더 이상 함 수 를 실행 하지 않 습 니 다.원래 배열 은 영향 을 받 지 않 습 니 다.
    var arr = [20,13,11,8,0,11];
    var brr = arr.every(function(item){
    	return item>10;
    })
    alert(brr); //false
    

    6. reduce () 방법
    수렴, 반환 값 은 마지막 함수 호출 의 반환 값 입 니 다.return 을 쓰 지 않 을 때 기본 값 으로 undefined 로 돌아 갑 니 다.
    운영 체제: 처음에 prev 는 배열 의 첫 번 째 요 소 를 대표 하고 next 는 배열 의 두 번 째 요 소 를 가리킨다.함수 에 반환 값 이 있 습 니 다. 다음 prev 값 으로 합 니 다.방법 두 번 째 매개 변수 값 을 줄 때 prev 는 두 번 째 매개 변수 값 부터 시작 하고 next 는 첫 번 째 요소 값 부터 시작 합 니 다.
    var arr = [1,4,5,7,8,10];
    var res = arr.reduce(function(prev,next){
    	console.log(prev+"---"+next);
    	return 4;
    })
    console.log(res);
    
    /*
      :
       ,prev         ,next           1---4
           ,      prev 
    4---5
    4---7
    4---8
    4---10
    */
    
    //  :         
    
    var arr = [1,4,5,7,8,10];
    var res = arr.reduce(function(prev,next){
    	console.log(prev+"---"+next);
    	return prev+next;
    })
    console.log(res);
    
    /*
      :
       ,prev         ,next           1---4
           ,      prev 
    5---5    10
    10---7    17
    17---8    25
    25---10     35
    */
    
    //reduce()         
    
    var arr = [1,4,5,7,8,10];
    var res = arr.reduce(function(prev,next){
    	console.log(prev+"---"+next);
    	return prev+next;
    },100)  //prev         100  ,next         
    console.log(res);
    
    //reduce()  :            
    
    var arr3 = ["Lydia","21"];
    var arr4 = ["name","age"];
    arr4.reduce(function(prev,next,item){
    	prev[next] = arr3[index];
    	return prev;
    },{}); //              
    console.log(obj);
    
    /*
        prev      ,   next  ( arr4      )   arr3       
    */
    

    7. index Of () 방법
    하나의 요소 가 배열 에 존재 하 는 지 판단 합 니 다. 반환 - 1 이 존재 하지 않 으 면 처음으로 나타 난 위 치 를 되 돌려 줍 니 다.
    var arr = [20,13,11,8,0,11];
    arr.indexOf(11); //     11   :2
    arr.indexOf(2); //  -1
    

    좋은 웹페이지 즐겨찾기