JavaScript

forEach.map 실습 22.08.09

연93 2022. 8. 9. 13:40
//구구단 2단 출력
    //forEach문
    /*
    const num = [1, 2, 3, 4, 5, 6, 7, 8, 9,];

    const printArray = function (value)
    {
        console.log('2 x ${valye} = ${2 * value}');    
    }
   
    num.forEach(printArray);

   
    //여러 방법으로 가능 하므로 for문으로 대부분함
    const num = [1, 2, 3, 4, 5, 6, 7, 8, 9,];

    for (let value of num)
    {
        console.log('2 x ${valye} = ${2 * value}');
    }
 */
/*
    // map문
    //원본 배열의 갯수만큼 새로운 배열을 만들어야할때 사용
    // 내가찾는정보 value + key
    const num = [1, 2, 3, 4, 5]; //key

    const sq = function (value)
    {
        return value * value;    
    }

   const new_num = num.map(sq);
   console.log(new_num);
*/
/*
// 예제2
    const hero = ['홍길동','세종대왕','안중근'];
    const new_hero = hero.map(function (value) {
        return '훌륭한' + value;
    })

    console.log(new_hero);
 

    //filter
  const num = [11, 22, 33, 44, 55, 66, 77, 88, 99];
  const new_num = num.filter(function(value) {
   
    if (value > 50)
    {
        return true;
    }

    return false;
});

console.log(new_num);


 const Array = [1,2,3,4,5,6,7,8,9];
 const new_Array = Array.filter(function(value) {
    if(value % 2 == 0)
    {
        return true;
    }
        return false;
 });

 console.log(new_Array);


// filter + map 예제
const num = [11, 22, 33, 44, 55, 66, 77, 88, 99];

const filtedAraay = num.filter(function(vlaue) {
    if (value % 2 != 0)
    {
        return true;    
    }
})

const mappedArray = filtedAraay.map(function(value) {
    return 2 * value;
});
console.log(mappedArray);


// 예제 강사
const num = [11, 22, 33, 44 ,55, 66, 77, 88, 99];

        const odd = function(value)
        {
            if (value % 2 != 0)
            {
                return true;
            }
        }

        const dble = function(value)
        {
            return 2 * value;
        }


       num.filter(odd).map(dble);

*/

'JavaScript' 카테고리의 다른 글

JS강의 로또만들기 22.08.10  (0) 2022.08.10
객체연습  (0) 2022.08.09
콜백 사용 교육 22.08.08  (0) 2022.08.08
띠 구하는 방법 22 08.05  (0) 2022.08.05
국비지원 시험 HTML,CSS,JS활용 08.04  (0) 2022.08.04