[자 바스 크 립 트] --- 자 바스 크 립 트 5 가지 실 용적 인 순환 배열 데이터 방법

1. 이 글 은 자 바스 크 립 트 에서 배열 에 관 한 가장 중요 한 5 가지 방법 을 간략하게 소개 할 것 입 니 다. 이 5 가지 방법 은 자 바스 크 립 트 프로 그래 밍 을 효율적으로 하려 는 모든 프로그래머 가 알 아야 할 것 입 니 다.(전재 처:http://www.webhek.com/post/5-array-methods-all-javascript-beginners-should-know.html)
첫 번 째 방법:
Array.forEach() .forEach()  방법 은 당신 을 편리 하 게 할 수 있 습 니 다. 배열 의 모든 요 소 를 옮 겨 다 니 며, 리 셋 함수 에서 모든 요 소 를 조작 할 수 있 습 니 다..forEach() 방법 은 반환 값 이 없습니다. 반환 함수 에 쓸 필요 가 없습니다 return. 이것 은 무의미 합 니 다.

var animals = ['dog', 'cat', 'mouse'];

animals.forEach(function(item){
    console.log(item);
});

//    dog cat mouse

 

 var animals = [  {name:"liyoubing",age:"12"},
        {name:"hanshifan",age:"11"}];

        animals.forEach(function(item){
            console.log(item);
        });

//item       {name:"liyoubing",age:"12"}   {name:"hanshifan",age:"11"}

 
두 번 째 방법:
Array.map() .map()  방법 은 전체 배열 을 옮 겨 다 닐 수 있 습 니 다. 그리고... 새 배열 로 돌아 갑 니 다. 이 새 배열 의 요 소 는 지정 한 반전 함수 로 처 리 된 것 입 니 다.
(배열 의 모든 요 소 를 수정 하고 수 정 된 배열 을 새로운 배열 에 저장 하려 면. map () 방법 을 사용 하 는 것 이 가장 편리 합 니 다.)

var numbers = [2, 4, 6, 8];

var doubleNums = numbers.map(function(element) {
    return element * 2;
});

console.log('doubleNums: ', doubleNums)
//     [4,8,12,16];

var numbers = [ {name:"liyoubing",age:"12"},
        {name:"hanshifan",age:"11"}];

var doubleNums = numbers.map(function(element) {
    return element.age * 2;
});

//     [24,22]

 
세 번 째 방법:
Array.filter() .filter()  방법 은 할 수 있다 배열 의 일부 요 소 를 걸 러 내 면 리 셋 함수 에서 조건 을 설정 할 수 있 습 니 다. 조건 에 부합 되 지 않 는 요 소 는 모두 제 외 됩 니 다.

var scores = [3, 12, 5, 23, 19, 7];

var topScores = scores.filter(function(item){
    if (item > 10){
        return true;
    } else {
        return false;
    }
});

console.log('topScores: ', topScores);

//    [12,23,19]

 
네 번 째 종류:
Array.indexOf() indexOf()  알려 줄 수 있어. 어떤 요소 가 배열 에 있 는 위 치 는 색인 값 을 되 돌려 줍 니 다. 배열 에 중복 되 는 요소 가 있 으 면 첫 번 째 요소 의 위 치 를 되 돌려 줍 니 다.

var a = [2, 9, 9, 18];

var i = a.indexOf(9);

console.log('i: ', i);


/*
if (a.indexOf(7) === -1) {
  //          
}*/

 
 
다섯 번 째 방법:
Array.every() .every()  방법의 역할 은 지정 한 반전 함수 로 배열 의 모든 요 소 를 검사 하 는 것 입 니 다. 모든 요소 에 대해 이 반전 함수 가 true 로 돌아 가면 .every() true 로 돌아 갑 니 다.그렇지 않 으 면, .every() false 로 돌아 갑 니 다.
(배열 의 모든 요소 가 어떤 조건 에 부합 되 는 지 알 고 싶다 면. every () 를 사용 하 는 것 이 가장 편리 합 니 다.)

var ages = [23, 19, 32, 44];

var olderThan18 = ages.every(function(element) {
    return element > 18;
});

console.log('olderThan18: ', olderThan18);

//     true           18   ？         true    : false