모던 웹을 위한 Javascript jQuery 책을 보면서 정리하는 내용이다.
HTML5와 함께 출현한 자바스크립트 표준안을 ECMAScript5 라고 부른다. 5에서 많은 변경 및 추가사항이 있었던 ECMAScript6도 이미 등장해있다.
5버전에서는 기존 자바스크립트에서 객체 관련 부분을 많이 보완했다.
반복메서드 forEach()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ECMAScript5 forEach() </title> <script> /* ECMAScript5 forEach()문 배열 각각의 요소를 사용해 특정 함수를 for in 반복문처럼 실행한다. */ var array = [1, 2, 3, 4, 5]; var sum = 0; var output = ''; array.forEach(function (element, index, array){ sum += element; output += index + ' : ' + element + ' -> ' + sum + '\n'; }); alert(output); </script> </head> <body> </body> </html> | cs |
18라인의 매개변수 element는 현재 반복에서 배열의 요소를 의미하고 index는 배열 요소의 인덱스를, array는 배열 자체를 의미한다.
반복메서드 : map()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>ECMAScript5 map() </title> <script> /* ECMAScript5 map() 기존 배열에 특정 규칙을 적용해 새로운 배열을 만든다. */ var array = [1, 2, 3, 4, 5]; var output = array.map(function (element){ return element * element; }); alert(output); </script> </head> <body> </body> </html> | cs |
배열의 각 요소를 변경(제곱이 되도록)해서 새로운 배열을 리턴한다.
그 외에도 조건메소드로는 filter(), every(), some() 등이 있다.
filter() : 특정 조건을 만족하는 요소를 추출해 새로운 배열을 만든다.
every() : 배열의 요소가 특정 조건을 모두 만족하는 지 확인한다.
some() : 배열의 요소가 특정 조건을 적어도 하나 이상 만족하는 지 확인한다.
퇴사 관련 이야기들을 모아 책으로 출판했습니다. 아래 링크에서 전체 목차를 읽어보세요! 대기업 퇴사 이야기 전체보기 : http://www.bookk.co.kr/book/view/21659 아래 링크로 간단한 후기 링크를 남기면 배송비도 환급된다고 하니 참고해주세요.
'문돌이의 IT > JavaScript' 카테고리의 다른 글
| 자바스크립트 브라우저 객체 모델(javaScript BOM) (0) | 2017.10.17 |
|---|---|
| ECMAScript5 Json 객체 (0) | 2017.10.17 |
| 자바스크립트 내장객체(3) Array 객체 (0) | 2017.10.15 |
| 자바스크립트 내장객체(2) (0) | 2017.10.14 |
| 자바스크립트 내장객체 (0) | 2017.10.13 |