JavaScript는 head에 위치할 수도, body에 위치할 수도 있습니다.
<head>
<script>
</script>
</head>
or
<body>
<script>
</script>
</body>1. Breaking long code
- 아래 세개는 동일한 결과를 보여줍니다.
- document.getElementById("demo").innerHTML =
"Hello Dolly!"; - document.getElementById("demo").innerHTML = "Hello \
Dolly!"; - document.getElementById("demo").innerHTML = "Hello " + "Dolly!";
- document.getElementById("demo").innerHTML =
2. String Method
- var txt
- txt.length
- var str="Please locate"
- str.indexOf("locate");
- locate의 l이 등장하는 번째 수가 나옵니다.
- 없으면 -1이 return
- str.search와 .indexOf 매우 비슷합니다.
- str.slice(7,13);
- 7~13사이에 있는 문구 가져옵니다.
- str.slice(7); 도 사용 가능합니다.
- 7번째 이후에 있는 문구 다 가져옵니다.
- str.substring은 .slice와 매우 비슷합니다.
- str.substr() 또한 매우 비슷합니다.
- str.replace("있는 단어", "수정 하고 싶은 단어");
- str안에 있는 단어를 수정하고 싶은 단어로 넣어줄 수 있습니다.
- 주의: 대소문자 구분합니다.
- 있는단어에 /대문자/i 해주면 됩니다.
- 있는 단어가 str에 2개 이상 있을 때 한번에 바뀌는 방법 => /있는 단어/g
- .toUpperCase()
- 대문자로 바꿔줍니다.
- .toLowerCase()
- 소문자로 바꿔줍니다.
- .concat(추가하고싶은 단어, 여러개도, 가능)
3. Array
- var fruits = ["...", "...", "..."];
- fruits.push("");
- fruits[fruits.length] = ""; 사용할 수 있습니다.
- fruits.join(" * ");
- array element 사이사이에 " * "가 추가됩니다.
- fruits.pop();
- 맨 마지막 element가 없어집니다.
- fruits.push("...");
- 맨 마지막에 해당 문구가 추가됩니다.
- fruits.shift();
- 맨 처음 element가 없어집니다.
- fruits.unshift("...");
- 맨 처음에 해당 문구가 추가됩니다.
- 문장1.concat(문장2);
- 문장1뒤에 문장2를 이어줍니다.
- sort
- points.sort(function(a, b){return a - b});
- 작은수부터 큰수로 정렬
- points.sort(function(a, b){return b - a});
- 큰 수부터 작은 수로 정렬
- Math.max.apply(null, arr);
- 가장 큰 수 찾기
- Math.min.apply(null, arr);
- 가장 작은 수 찾기
- points.sort(function(a, b){return a - b});
4. Math
- Math.pow(원수,제곱수);
- 원수를 제곱수 만큼 곱합니다.
- Math.sqrt(제곱수);
- 제곱수를 루트씌운 값이 나옵니다.
- Math.abs(음수);
- 음수를 절댓값씌운 값 나옵니다.
- Math.ceil(소수);
- 올림 한 값이 나옵니다.
- Math.floor(소수);
- 내림한 값이 나옵니다.
- Math.min(여, 러, 숫, 자, 들);
- 여러숫자들 사이 제일 작은 값
- Math.max(여, 러, 숫, 자, 들);
- 여러숫자들 사이 제일 큰 값
- Math.random();
- 0과 1사이 랜덤한 숫자 나옵니다.
5. Boolean
- 숫자나 단어 등, true가 표현되면 true출력
- 0, 빈string, 정의 되지 않음, null, NaN이면 false출력
6. Comparison
- (age<18) ? "어려" : "늙어"
- age<18이 true면 "어려" 출력
- false면 "늙어" 출력
- isNaN(age)
- 숫자아닌지 판별
