UX·UI - FrontEnd Dev. Story

foreach 3

배열전용 내장함수 반복문 forEach() / map() 자바스크립트 JS 공부

자바스크립트에 미리 포함 된 함수를 내장함수라 한다. 배열에 사용하는 반복문 내장함수에는 forEach() / map() 이 있는데 알아보자. forEach() / map() 에는 파라미터(인자)값이 3가지가 들어간다. ex) forEach( el, idx, arr ) el : 반복 돌고있는 대상 idx : 순서값 arr : 배열자체 1. forEach() const colors = ["red", "green", "blue"]; colors.forEach((el, idx, arr) => { //파라미터에는 3가지가 default.(반복도는 대상, 순서값, 배열자체 ) console.log(el); //red green blue console.log(idx); // 0 1 2 console.log(arr)..

자바스크립트 함수 사용해서 rest 파라미터 / for of 배열 만들기

1. Rest Parameters [파라미터] : (...args) - 인자를 모두 배열 형태로 전달하는 파라미터 // * Rest 파라미터 사용하기 function printAll(...args) { //...args는 -> printAll('A', 'B', 'C')의 값이 담겨있는 배열 for (let i = 0; i < args.length; i++) { // printAll의 값이 length를 통해 3개의 배열이 i에 담긴다. console.log(args[i]); // 'A' // 'B' // 'C' } } printAll('A', 'B', 'C'); 2. for ( arg of args ) 사용한 더 간단한 작업방법 function printAll(...args) { // for ( arg ..

[Javascript] 반복문 for() / for in() / forEach()로 구문/문법 표현하기

1. for() 반복문 let array = ['포도', '사과', '바나나', '망고']; for(let i = 0; i < array.length; i++) { console.log(array[i]);// 포도, 사과, 바나나, 망고 } 2. for in() 자바스크립트는 배열이나 객체를 더욱 쉽게 다룰 수 있도록 for in 반복문을 제공한다. 위 for 문의 예제는 아래와 같이 바꿔 사용할 수도 있다. let array = ['포도', '사과', '바나나', '망고']; for( let i in array ) { console.log(array[i]);// 포도, 사과, 바나나, 망고 } 3. forEach() foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터..

반응형