728x90
리터럴(literal)
리터럴은 직접 표현되는 값 그 자체를 의미합니다.
var a = 95;
var first = 'hooni';
var last = 'tang';
var string = a + 'my name is ' + first + ' ' + last;
Template Literal을 이용하면 보기도 좋고 쉽게 작성할 수 있다.
var a = 95;
var first = 'hooni';
var last = 'tang';
const string = `${a}my name is ${first} ${last}`;
키보드 왼쪽 상단에 1 옆에 `(백틱 기호)가 있다.
이것으로 감싼 후 안에 ${} 로 변수들을 감싸면 문자열이 연결된다.
예제)
|
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
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
var nums = new Array();
nums[3] = 57;
console.log(nums.length);
//pop인경우 원래 배열에서 사라짐 nums[0]로 보면 안사라짐.
console.log(`n1:${n1} nums: ${nums}`);
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
결과)
배열에서 nums 배열 [3] 번째 자리에 값을 넣어주면 nums.push는 nums[4]에서부터 삽입되어져 총 길이가 7이 나온다.
반응형
'2019백업' 카테고리의 다른 글
| Javascript 엘리먼트 선택방법 (1. getElementById) (0) | 2019.07.23 |
|---|---|
| 자바스크립트 - Object, JSON (0) | 2019.07.23 |
| 자바스크립트 - Array (0) | 2019.07.23 |
| 20. 자손 선택자(space) VS 자식 선택자 (>) (0) | 2019.07.22 |
| 19. Css 가상 클래스 before, after (0) | 2019.07.22 |
