반응형 IT/JavaScript11 [javaScript] 함수3 객체 생성자 함수를 선언하고 객체를 생성하는 기본형입니다. function CheckWeight(name,height,weight){ this.userName = name; this.userHeight = height; this.userWeight = weight; this.minWeight; this.maxWeight; this.getInfo = function(){ var str="" str += "이름:" + this.userName + " "; str += "키:" + this.userHeight + " "; str += "몸무게:" + this.userWeight + " "; return str; } this.getResult = function(){ this.minWeight = (this.u.. 2020. 1. 12. [javaScript] 함수2 return 문은 함수에서 결과값을 반환할 때 사용되며, return문이 실행되면 코드가 강제로 종료됩니다. function test(arrData){ var sum=0; for(var i=0; i< arrData.length; i++){ sum += Number(prompt(arrData[i] + "점수는?", "0")); } var avg = sum / arrData.length; return avg; } var arrSubject=["국어","수학"]; var result = test(arrSubject); document.write("평균 점수는" + result + "점입니다."); arrData.length가 국어,수학 총 2이기 때문에 arrData.length(2)만큼 반복문을 실행합니다... 2020. 1. 11. [javaScript] 함수1 함수를 사용하여 코드를 저장한 것을 함수 정의문이라고 합니다. 변수를 선언할 때 var 키워드를 사용한 것처럼 함수에서는 function 키워드를 사용해 변수를 선언합니다. 기본형은 아래와 같이 선언합니다. 다음과 같이 익명함수(함수명이 없는 함수)를 선언하고 변수에 참조해도 됩니다. 함수 정의문({...})안에 작성된 코드는 즉시 실행되지 않습니다. 함수는 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행됩니다. 정의 되는 함수를 호출하는 아래와 같습니다. 함수명(); 또는 참조 변수(); var count=0; myFnc(); function myFnc(){ count++; document.write("hello" + count," "); } myFnc(); var theFnc=function(.. 2019. 12. 30. [javascript] 브라우저모델 BOM window 객체 window 객체의 메서드 종류 종류 설명 open("URL","새창이름","새창옵션") URL 페이지를 새 창으로 나타냅니다. alert(data) 경고 창을 나타내고 데이터를 보여줍니다. 방문자가 [확인] 버튼을 누르면 alert()를 사용한 다음 위치의 코드를 수행합니다. prompt("질문","답변") 질문과 답변으로 질의응답 창을 나타냅니다. confirm("질문내용") 질문 내용으로 확인이나 취소 창을 나타냅니다. [확인]버튼을 누르면 true를 반환하고, [취소] 버튼을 누르면 false를 반환합니다. moveTo(x,y) 지정한 새 창의 위치를 이동합니다. resizeTo(width,height) 지정한 새 창의 크기를 변경합니다. setInterval(function().. 2019. 12. 30. [javascript] - 내장객체(문자열) 문자열 객체 문자열 객체는 문자형 데이터를 객체로 취급하는 것으로, 자바스크립트에서 가장 많이 사용합니다. 아래는 기본형 예시입니다. var 변수 = new String(문자형 데이터) var t = new String("Hellow javascript");//문자열 객체 생성 var 변수 = 문자형 테이터 var t = "Hellow javascript";//문자열 객체 생성 문자열 - 메서드 및 속성 종류 설명 charAt(index) 인덱스 번호에 해당하는 문자를 반환합니다. indexOf("찾을 문자") 왼쪽부터 찾을 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환합니다. 만일 찾는 문자가 없으면 -1을 반환합니다. lastIndexOf("찾을 문자") 오른쪽부터 찾을 .. 2019. 12. 26. [javascript] - 내장객체(배열) 배열객체 여러개의 데이터를 하나의 저장소에 저장하기 위한 배열 객체입니다. //기본형 var 배열객체=new Array(); 배열객체[0]= 값1; 배열객체[1]=값2; 배열객체[2]=값3;... var 배열객체=new array(값1, 값2, 값3....) var 배열객체[값1, 값2, 값3...]; 방식1 var onSunday=new Array(); onSunday[0]="carina"; onSunday[1]=16; onSunday[2]="tistory"; 방식2 var onSunday=new Array("carina",16,"tistory"); 방식3 var onSunday=["carina",16,"tistory"]; 배열 객체에 저장된 데이터 불러오는 방법. var onSunday=["carin.. 2019. 12. 25. [javascript] - 내장 객체(날짜,수학) 내장 객체 생성 기본형 : 참조변수(인스턴스 이름) = new 생성 함수() var tv = new Object(); tv.color = "white"; tv.price = 3000000; tv.info = function(){ document.write("tv 색상 : " + this.color," "); document.write("tv 가격 : " + this.price," "); } var car = { color:"black", price:5000000, info:function(){ document.write("car 색상 : " + this.color," "); document.write("car 가격: " + this.price," "); } }; document.write("tv 객체 메.. 2019. 12. 24. [javascript] - switch, while, for 선택문, 반복문 switch 문if문과 용도는 비슷하나 if문은 만족하는 데이터가 여러개일경우에 주로 사용하고,switch문은 여러경우의 값 중 일치하는 데이터를 찾아 그에 해당하는 코드를 실행시킬 때 사용합니다. - 각각의 case문에서는 break문을 작성하여 swtich문을 종료합니다.- case의 값 중에 일치하는 데이터가 없으면 마지막 default에 있는 코드를 실행하고 switch문을 종료합니다. var site=prompt("네이버, 다음, 네이트, 구글 중 즐겨 사용하는 포털 검색 사이트는?", "");var url; switch(site){ case "구글": url="www.google.com"; break; case "다음": url="www.duam.net"; break; case "네이버": u.. 2019. 12. 23. [javascript] - if 조건문 조건문 if문 var walkAmount=prompt("당신의 하루 걷는 양은 몇 보인가요?", "0");if(walkAmount>=10000){ document.write("매우 좋은 습관을 지니고 계시는 군요!!", " ");}document.write("==The End==", " ");cs --> 10000 보다 큰 숫자를 입력했을 경우 매우 좋은 습관을 지니고 계시는 군요!! ==The End== 작은 숫자를 입력했을 경우 the end만 출력됩니다. var min=prompt("당신의 하루 통화량은 몇 분인가요?", "");if(min>=60){ document.write("많이 사용하는 편이네요.", " ");}document.write("===The End===", " ");cs --> 6.. 2019. 12. 22. 이전 1 2 다음 반응형
