javaScript에서 배열은
Array
push() (가장 뒤에 삽입)
unshift() 가장 앞에 값을 삽입
pop() 가장 last에 있는 값을 출력하고 삭제
shift() 가장 앞에 있는 값을 출력하고 삭제
// Setup
var myArray = [["John", 23], ["dog", 3]];
// Only change code below this line.
var removedFromMyArray = myArray.shift();
var ourArray = ["Stimpson", "J", "cat"];
ourArray.shift(); // ourArray now equals ["J", "cat"]
ourArray.unshift("Happy");
// ourArray now equals ["Happy", "J", "cat"]
Function
// Example
function functionWithArgs(a, b) {
console.log(a - b);
}
functionWithArgs(10, 5); // Outputs 5
// Declare your variable here
var myGlobal = 10;
function fun1() {
// Assign 5 to oopsGlobal Here
oopsGlobal = 5;
return oopsGlobal;
}
// Only change code above this line
function fun2() {
var output = "";
if (typeof myGlobal != "undefined") {
output += "myGlobal: " + myGlobal;
}
if (typeof oopsGlobal != "undefined") {
output += " oopsGlobal: " + oopsGlobal;
}
console.log(output);
}
Global 변수 vs Local 변수
// Setup
var outerWear = "T-Shirt";
function myOutfit() {
// Only change code below this line
var outerWear = "sweater";
// Only change code above this line
return outerWear;
}
myOutfit();
// output is sweater
Equality Operation
1 == 1 true
1 == '1' true
strict equality operation
1==='1' false
strict inequality operation
3 !== 3 false
3 !== '3' true
javascript에서 object를 사용하기 위해서는
// Example
var ourDog = {
"name": "Camper",
"legs": 4,
"tails": 1,
"friends": ["everything!"]
};
// 접근하기 위해서는
ourDog.name = "dog";
//또는
ourDog["name"] = "mungmung";
// 객체에 property를 생성하기 위해서
ourDog.bark = "mung-mung";
// 객체에서 property를 제거하기 위해서
delete ourDog.bark;
Object를 lookup할때 활용하기
var result = {
"alpha":"Adams",
"bravo":"Boston",
"charlie":"Chicago",
"delta":"Denver",
"echo":"Easy",
"foxtrot":"Frank",
"":undefined
};
// result[val]로 접근
// result["alpha"] "Adams" 출력
switch(val) {
case "alpha":
result = "Adams";
break;
case "bravo":
result = "Boston";
break;
case "charlie":
result = "Chicago";
break;
case "delta":
result = "Denver";
break;
case "echo":
result = "Easy";
break;
case "foxtrot":
result = "Frank";
}
Object에 해당 property가 있는지 체크하기 위해서 아래와 같이 입력
myObj.hasOwnProperty(checkProp) // return true or false
function checkObj(checkProp) {
// Your Code Here
if (myObj.hasOwnProperty(checkProp)) {
return myObj[checkProp];
} else {
return "Not Found";
}
}
JavaScript의 객체는 JSON이다.
var myMusic = [
{
"artist": "Billy Joel",
"title": "Piano Man",
"release_year": 1973,
"formats": [
"CS",
"8T",
"LP" ],
"gold": true
},
{
"artist": "Billy Joel",
"title": "Piano Man",
"release_year": 1973,
"formats": [
"CS",
"8T",
"LP" ],
"gold": true
}
];
Regular Expression
단어 찾기
/the/gi
/ : regular expression의 시작
the : 찾을 키워드
g : global
i :ignore (uppercase or lower case)
숫자 찾기
/\d/g
/\d+/g
\d 숫자
+하나 또는 그이상의 숫자를 검색
// Setup
var testString = "There are 3 cats but 4 dogs.";
// Only change code below this line.
var expression = /\d+/g; // Change this line
// Only change code above this line
// This code counts the matches of expression in testString
var digitCount = testString.match(expression).length;
/\s+/g 모든 whitespace를 검색
/\S/g 모든 whitespace를 제외하고 검색
'Programming > 웹프로그래밍' 카테고리의 다른 글
[JavaScript] 자바스크립트 Dictionary 사용하는 방법 (0) | 2016.07.27 |
---|---|
[jQuery] JSON APIs와 Ajax를 이용해 데이터 가져오기 (0) | 2016.05.29 |
jQuery (0) | 2016.05.14 |
[JavaScript] Responsive Design With Bootstrap (0) | 2016.05.14 |
HTML, CSS 종합 정리 (0) | 2016.05.13 |