ECMA 스크립트
ECMAScript5 - European Computer Manufacturers Assoication
HTML5, CSS5에 맞는 자바 스크립트의 ECMA 표준.
1) 배열에 관한 ECMA 스크립트 예제
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
// Array 객체
/* var array1 = [52, 273, 103, 57];
var array2 = new Array();
var array3 = new Array(10);
var array4 = new Array(52, 273, 103, 57);
var array = [1, 2, 3, 4, 5, 5, 4, 3, 2, 1]; */
// 내부에 검색하려는 요소 있으면 해당 요소가 위치하는 인덱스 리턴
/* var output1 = array.indexOf(4);
var output2 = array.indexOf(8);
var output3 = array.lastIndexOf(4);
var output4 = array.lastIndexOf(8);
var output = '';
output += output1+' : ' +output2 + '\n';
output += output3+' : ' +output4 + '\n';
alert(output); */
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
/* var sum = 0;
var output = '';
// 배열의 각각의 요소를 사용해 특정 함수를 for in 반복문처럼 실행한다.
array.forEach(function(element, index, array){
sum += element;
output += index + ' : ' + element + ' -> '+ sum+'\n';
});
alert(output);
*/
// 특정 조건을 만족하는 요소를 추출해 새로운 배열을 만듦.
/* array1 = array.filter(function(element, index, array){
return element <= 5;
});
alert(array1);
alert(array); */
/* function lessThanFive(element, index, array){
return element < 5;
}
function lessThanTwenty(element, index, array){
return element < 20;
}
// 배열의 요소가 특정 조건을 모두 만족하는지 확인.
var output1 = array.every(lessThanFive);
var output2 = array.every(lessThanTwenty);
// 배열의 요소가 특정 조건을 적어도 하나 만족하는지 확인.
var output3 = array.some(lessThanFive);
var output4 = array.some(lessThanTwenty);
var output = '';
output += output1 + ' : ' + output2 + '\n';
output += output3 + ' : ' + output4 + '\n';
alert(output); */
// 기존의 배열에 특정 규칙을 적용해 새로운 배열을 만듦.
/* var output = array.map(function (element){
return element * element;
});
alert(output); */
var array10 = [1, 2, 3, 4, 5];
var output = '';
// 배열의 요소가 하나가 될 때까지 요소를 왼쪽부터 두 개씩 묶는 함수를 실행한다.
output = array10.reduce(function(previousValue, currentValue, index, array10){
/* output += previousValue + ' : ' + currentValue +
' : ' + index + '\n'; */
return previousValue + currentValue;
});
// 배열의 요소가 하나가 될 때까지 요소를 오른쪽부터 두 개씩 묶는 함수를 실행한다.
// reduceRight()
alert(output);
</script>
</head>
<body>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| ECMA 스크립트의 문자열 공백 제거 trim() (0) | 2016.05.24 |
|---|---|
| ECMA 스크립트의 JSON (0) | 2016.05.24 |
| 자바스크립트로 회원가입시 문자 체크 (0) | 2016.02.15 |
| 자바스크립트로 간단한 덧셈 뺄셈 연산 (0) | 2016.02.15 |
| 자바 스크립트의 기본: 이벤트 처리 (0) | 2016.02.15 |
