728x90
Underscore는 내장 개체를 확장하지 않고 유용한 함수형 프로그래밍 도우미를 제공하는 JavaScript 라이브러리입니다. "빈 HTML 페이지 앞에 앉아 즉시 생산성을 발휘하려면 무엇이 필요합니까?"라는 질문에 대한 답이 바로 underscore.js 입니다.
Underscore는 map, filter, invoke 등 즐겨 사용하는 일상적인 기능 헬퍼와 함수 바인딩, 자바스크립트 템플릿, 빠른 인덱스 생성, 심도 있는 동등성 테스트 등 보다 전문적인 기능을 모두 지원하는 100개 이상의 기능을 제공합니다.
|
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 lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UnderScore.js 연습</title>
<script src="https://unpkg.com/jquery@3.6.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/underscore@1.13.6/underscore-umd-min.js"></script>
<style type="text/css">
div { border: 1px solid gray; padding: 5px; margin: 5px; }
</style>
<script type="text/javascript">
$(function(){
// 요소 목록을 반복하여 각 항목을 반복 함수로 반환합니다.
// _.each(배열, 함수, [context])
let array = [11, 22, 33, 44, 55, 66, 77, 88, 99];
// 두번째 매개변수인 함수의 매개변수는 값,순서,객체자신이다. 필요한것만 기술한다.
// =>는 화살표 함수 이다.
_.each(array,(value) => {
$("#result").append(value + "<br>")
});
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
|
cs |
파일을 실행하면 웹 브라우져에 다음과 같이 실행 결과가 보인다.
728x90
'JavaScript > underscore.js' 카테고리의 다른 글
| _.find()함수 사용법 (0) | 2023.02.24 |
|---|---|
| _.reduce() 함수 사용법 (0) | 2023.02.24 |
| _.map() 함수 사용법 (0) | 2023.02.24 |
| Underscore 함수들의 세 번째 매개변수 Context 사용하기 (0) | 2023.02.24 |
| _each() 함수 사용법 (0) | 2023.02.24 |
