11---
2- title : Javascript Study3
3- tags :
4- - Javascript
2+ aliases : [/articles/2017-01/javascript-study3]
53date : 2017-01-04
6- aliases :
7- - /articles/2017-01/javascript-study3
4+ tags : [Javascript]
5+ title : Javascript Study3
86---
97
108# ** Javascript**
@@ -13,18 +11,18 @@ aliases:
1311- #### 객체 리터럴 표기법
1412 - ##### Property가 여러 개 쓸 때 가독성을 확보하는 용도로 사용
1513
16- {% highlight javascript %}
14+ ``` javascript
1715var person = {
1816 name : " NESOY" ,
1917 age : 29
2018}
21- {% endhighlight %}
19+ ```
2220
2321- #### Array 타입
2422 - ##### 배열 리터럴은 Array 생성자를 호출 X
2523 - ##### 배열 감지 함수 Array.isArray(배열);
2624
27- {% highlight javascript %}
25+ ``` javascript
2826// Array 생성자
2927var colors = new Array ();
3028var colors = new Array (20 ); // Length => 20
@@ -35,20 +33,20 @@ var colors = ["red","blue","black"];
3533
3634// Array.isArray();
3735var result = Array .isArray (colors); // true;
38- {% endhighlight %}
36+ ```
3937
4038- #### 변환 메서드
4139 - ##### toString(), toLocaleString(), valueOf()
4240
43- {% highlight javascript %}
41+ ``` javascript
4442 var colors = [" red" ," blue" ," green" ];
4543 alert (colors .toString ()); // red,blue,green
4644 alert (colors .toLocaleString ()); // red,blue,green
4745 alert (colors); // red,blue,green
48- {% endhighlight %}
46+ ```
4947
5048 - ##### toLocaleString()은 toString(), valueOf()와 다른 결과를 보일 수 도 있다.
51- {% highlight javascript %}
49+ ``` javascript
5250 var person1 = {
5351 toLocaleString : function {
5452 return "NESOY";
@@ -57,17 +55,17 @@ var result = Array.isArray(colors); // true;
5755 return "Young Jae";
5856 }
5957 };
60- {% endhighlight %}
58+ ```
6159
6260 - ##### join ()을 통해 구분자를 지정할 수 있다.
63- {% highlight javascript %}
61+ ``` javascript
6462 var colors = ["Red","blue","green"];
6563 alert(colors.join(",")); red,blue,green
6664 alert(colors.join("||")); red||blue||green
67- {% endhighlight %}
65+ ```
6866
6967- #### Stack
70- {% highlight javascript %}
68+ ``` javascript
7169var colors = new Array(); // 배열 생성
7270var count = colors.push("red","green"); // 색깔 2개 추가
7371alert(count); // 2
@@ -78,10 +76,10 @@ alert(count); // 3
7876var item = colors.pop(); // item 꺼냄
7977alert(item); // black
8078alert(colors.length); // 2
81- {% endhighlight %}
79+ ```
8280
8381- #### Queue
84- {% highlight javascript %}
82+ ``` javascript
8583var colors = new Array(); // 배열 생성
8684var count = colors.push("red","green"); // 색깔 2개 추가
8785alert(count); // 2
@@ -92,43 +90,43 @@ alert(count); // 3
9290var item = colors.shift(); // item 꺼냄
9391alert(item); // red
9492alert(colors.length); // 2
95- {% endhighlight %}
93+ ```
9694
9795- #### Sort
9896 - ##### reverse()와 sort()는 모두 자신을 호출한 배열에 대한 참조를 반환한다. 즉 체인형태로 사용가능 ex) array.sort(compare).reverse();
99- {% highlight javascript %}
97+ ``` javascript
10098var values = [1, 2, 3, 4, 5];
10199values.reverse();
102100alert(values); // 5,4,3,2,1
103- {% endhighlight %}
101+ ```
104102
105- {% highlight javascript %}
103+ ``` javascript
106104var values = [5, 3, 4, 1, 2];
107105values.sort();
108106alert(values); // 1,2,3,4,5
109- {% endhighlight %}
107+ ```
110108
111109- #### 조작 Method
112110 - ##### concat()
113- {% highlight javascript %}
111+ ``` javascript
114112 var colors = ["Red","blue","green"];
115113 var colors2 = colors.concat("yellow",["black,"brown"]);
116114 alert(colors); // Red,blue,green
117115 alert(colors2); // Red,blue,green,yellow,black,brown
118- {% endhighlight %}
116+ ```
119117
120118 - ##### slice()
121- {% highlight javascript %}
119+ ``` javascript
122120 var colors = ["Red","blue","green","yellow","black"];
123121 var colors2 = colors.slice(1);
124122 var colors3 = colors.slice(1,4);
125123
126124 alert(colors2); // blue,green,yellow,black
127125 alert(colors3); // blue,green,yellow
128- {% endhighlight %}
126+ ```
129127
130128 - ##### splice() = 삽입, 삭제, 대체 가능 (startIndex, deleteCount, item1,.....)
131- {% highlight javascript %}
129+ ``` javascript
132130 var colors = ["red","green","blue"];
133131 var removed = colors.splice(0,1); // 첫 번째 데이터 제거
134132 alert(colors); // green,blue
@@ -141,28 +139,28 @@ alert(values); // 1,2,3,4,5
141139 removed = colors.splice(1, 1, "red", "purple"); // 데이터2개추가 1개 제거
142140 alert(colors); // green,red,purple,orange,blue
143141 alert(removed); // yellow
144- {% endhighlight %}
142+ ```
145143
146144- #### 위치 Method
147145 - ##### indexOf(), lastIndexOf() = str.indexOf(searchValue[, fromIndex])
148146
149- {% highlight javascript %}
147+ ``` javascript
150148 'Blue Whale'.indexOf('Blue'); // returns 0
151149 'Blue Whale'.indexOf('Blute'); // returns -1
152150 'Blue Whale'.indexOf('Whale', 0); // returns 5
153151 'Blue Whale'.indexOf('Whale', 5); // returns 5
154152 'Blue Whale'.indexOf('', 9); // returns 9
155153 'Blue Whale'.indexOf('', 10); // returns 10
156154 'Blue Whale'.indexOf('', 11); // 전체 문자열의 길이가 10이므로, 10을 반환
157- {% endhighlight %}
155+ ```
158156
159157- #### 반복 Method
160158 - ##### every() : 배열의 모든 데이터에서 콜백 함수를 호출하고 값이 전부 true이면 true 반환
161159 - ##### filter() : 배열의 모든 데이터에서 콜백 함수를 호출하고 반환 값이 true인 데이터를 새 배열에 저장하여 반환
162160 - ##### some() : 배열의 모든 데이터에서 콜백 함수를 호출하고 값이 하나가 true이면 true 반환
163161 - ##### forEach() : 배열의 모든 데이터에서 콜백 함수를 호출하고 반환값 없음
164162 - ##### map() : 배열의 모든 데이터에서 콜백 함수를 호출하고 새 배열에 저장하여 반환
165- {% highlight javascript %}
163+ ``` javascript
166164 var numbers = [1,2,3,4,5,4,3,2,1];
167165
168166 var everyResult = numbers.every(function(item, index, array){
@@ -184,22 +182,19 @@ alert(values); // 1,2,3,4,5
184182 return item * 2 ;
185183 })
186184 alert (mapResult); // 2,4,6,8,10,8,6,4,2
187- {% endhighlight %}
185+ ` ` `
188186
189187- #### Regular Expression
190188 - ##### 패턴을 찾는데 정규표현식을 사용하면 간편하게 처리할 수 있다.
191- {% highlight javascript %}
189+ ` ` ` javascript
192190 var myRegExp = / regexr/ i ;
193- {% endhighlight %}
191+ ` ` `
194192 ![[assets/posts/20170104/regExp.PNG]]
195193
196194 - ##### 참고 사이트
197195 [http://poiemaweb.com/js-regexp](http://poiemaweb.com/js-regexp)
198196
199197
200198## 참조
201-
202- [ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf ] ( https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf )
203-
204-
205- [ http://poiemaweb.com/js-regexp ] ( http://poiemaweb.com/js-regexp )
199+ - https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf
200+ - http://poiemaweb.com/js-regexp
0 commit comments