js map함수

html

<script>
        //map 함수 :기존의배열을정해진규칙에맞게바꿔서새로운배열을만드는함수

        let array = [10, 20, 30, 40, 50];
        array = array.map(function (data) { //data는원소
            return data*3
        })
        console.log('array: ',array);        

        let array2 = [10, 20, 30, 40, 50];
        array2 = array2.map(function(data,index){ //data는원소
            console.log('array2: ', index)
            return data*3
        console.log(array2)
        })
            //filter 기존배열을 특정 조건에 맞는 요소만 뽑아서 새로운 배열을 만드는 함수
            // 30 40 50
        let array3 = [10, 20, 30, 40, 50];
        array3 = array3.filter(function (data) {
            return data <= 30
        })
        console.log('array3: ',array3)

    </script>

react

function Ex01() {


    const array = ['눈', '바람', '비', '해']
    return (
        <>
            <ul>

                {array.map(function (data) {
                    return <li>{data}</li>
                })}

            </ul>
        </>
    )
}

export default Ex01;