- HTML에 javascript 코드사용하기 -> body태그 안에
<script type="text/javascript" src="test.js"></script>
- 자바스크립트 특징
1. 동적타입 언어 -> 정적타입언어인 C언어와 비교
-> int floar double -> number
2. 변수선언 후 타입 자동으로 지정됨
-> var num1 = 1; -> 1
-> var num2 = 'str'; -> str
-> num1+num2 ->1str
- Javascript 체험
consol.log("hello world!");
alert("hello wolrd");
var text =prompt("입력하세요");
console.log(typeof(text))
for (let i=10; i>=1; i--){
console.log(i);
}
let a = 1;
while(a <= 10){
console.log(a);
a++;
}
let 재할당가능 / const 재할당불가
== 타입이 달라도 true가능 / === 타입 다르면 true불가
let a = 10;
undefined
let b = '10';
undefined
if(a < b){
console.log("b big");
}else if (a===b){
console.log("same");
}else {
console.log("a big");
}
VM1393:6 a big
undefined
if(a < b){
console.log("b big");
}else if (a===b){
console.log("same");
}else if (a > b){
console.log("a big");
}
undefined
- C언어에서 배열은 '같은 자료구조에 연속된 모음' 자바스크립트 배열은 유사 객체입니다 배열이 아니란 소리
- 배열과 객체
- 객체는 삽입/ 삭제
- 배열은 탐색에 유리
-> Javascript 기본예제
----------------두 숫자 입력받아 a~b 출력
let num1 = Number(prompt());
let num2 = Number(prompt());
for (let i=num1; i<=num2; i++){
console.log(i);
}
----------------문자열비교 조건에맞는 출력
let cnt=0;
var str = prompt("문자열 입력");
if(str==="BBQ"){
for(let i=1; i<=30; i++){
cnt +=i
}
console.log(cnt)
}else if(str==="KFC"){
for(let i=1; i<=30; i++){
if(i%2==1){
console.log(i);
}
}
}else{
console.log("MOMS");
}
-----------------세가지 수 입력받아 최댓값 출력
let n1 = Number(prompt());
let n2 = Number(prompt());
let n3 = Number(prompt());
if(n1>=n2 && n1>=n3){
console.log(n1);
}else if(n2>=n1 && n2>=n3){
console.log(n2);
}else{
console.log(n3);
}
-------------------배열 예시
let a = [];
let b = [1, 2, 3];
let c = ['1',2];
let n = new Array();
n.push('1',1);
console.log(a,b,c,n);
------------------배열안에 1의갯수 출력
let a = [1,2,3,1,2,3,1,2,3]
let cnt = 0;
for( let i=0;i<a.length;i++){
if(a[i]===1){
cnt +=1;
}
}
console.log(cnt);
-------------------배열안에 A가 있는지 확인
let str = ['A','E','W','Q','D']
let flag = false;
for( let i=0; i<str.length; i++){
if(str[i]==='A'){
flag = 1;
break;
}
}
if(flag===1){
console.log('O')
}else{
console.log('X')
}
'WEB > Javascript' 카테고리의 다른 글
[21.08.11] 비동기 프로그래밍2 (0) | 2021.08.11 |
---|---|
[21.08.10] 비동기 프로그래밍1 (0) | 2021.08.10 |
[21.07.22]Google페이지 만들기 (0) | 2021.07.22 |
[21.07.21] Javascript 실습 - 영화 정보 수집 (0) | 2021.07.21 |