본문 바로가기
JavaScript

java script 연산자

by 전재훈 2014. 9. 23.
반응형

javascript 연산자

if(i % 5 == 0){ 5의 배수

+ 더하기
- 빼기
* 곱하기
/ 나누기
% 나머지

i -= 10; (i = i - 10)
i -= 10; (i = i - 10)
i++ (1더하기) 증가
i-- (1빼기) 감소
i++ + 1 = 1증가
++i + 1 = 2증가

== 같다면
&& AND 그리고/와 (둘다 같다면)
|| OR 또는 (둘중 하나만 같다면)

i = 10000;
i = i << 5; (두배씩 5번을 곱합) 320000 출력
i = i >> 5; (반토막씩 5번을 나눔) 312.5 인데 312로 출력

boolean
1 참
0 거짓

i = 10;
i == 10 ? alert(1) : alert(0);  ==========> i 가 10이면 참 아니면 거짓
i = 11;
i <= 10 ? alert("작거나같다") : alert("크다"); 
i = 11;
i >= 10 ? alert("크거나같다") : alert("크다"); 
i = 11;
i != 10 ? alert("틀리다") : alert("맞다"); 
i = 11;
i == 10||11 ? alert("맞다") : alert("틀리다"); //맞다
i = 11;
i == 10&&11 ? alert("맞다") : alert("틀리다"); //틀리다

i = ~10;
alert(i); //11
i = 10&11;
alert(i); //10
i = 10|11;
alert(i); //11
i = 105^101;
alert(i); //12

i >= 10 / 10보다크거나 같거나 (이상)
i >= 10 / 10보다크거나 같거나 (이상)
i >= 10 / 10보다크거나 같거나 (이상)
i >= 10 / 10보다크거나 같거나 (이상)

if (경우1)
else if (경우2)
else if (경우3)
else if (경우4)
else (경우5)

var i;
var (i=0;i<=9;i++){
if(i ==5)
break;
document.write(i+"<br>");
}
var i =5;
switch(i){
case 10: break;
case 20: break;
case 30: break;
default: i+5 ;
}

break 반대는 continue

while문
while(i<=9){
++i;
}

do~while문
var i = 1;
do{document.write(i);
i++;
}
while (i<=5);//12345//each

문자열선언

var i = new String("webha")
var i = "webha"
둘은 같다

스트링,문자열은 "" 따옴표 들어가고 
Number,정수는 "" 따옴표가 들어가지 않는다

.length 공백포함
.charAt(2) 문자열순 0부터 0,1,2
.concat("") 문자열추가
.lastIndexOf 문자열같은갯수 (실패값 -1)
.slice(1,10)  문자 자르기
.split("")[index순] index순 자르기 문장별
.substr(몇번째,몇글자) //문자고르기
.toLowerCase() 소문자변환
.toUpperCase() 대문자변환
.big().big() 폰트 점점 크게
.small().small() 폰트 점점 작게
.blink() 깜빡이게하기
.sup() 작은글씨로 추가
.strike() 문자열에 취소선긋기
.fixed() 타자체
.fontsize(10) 폰트사이즈
.fontcolor("red") 폰트칼라

var i ="안녕하세요 테스트 중입니다 안녕하세요";
document.write(i.substr(2,3));
document.write(i.split("하세요")[0]);
document.write(i.split("테스트")[1]);
document.write(i.split("하세요")[2]);
document.write(i.slice(1,10));
document.write(i.concat("22"));
document.write(i.lastIndexOf("안안녕"));
document.write(i.fixed());
document.write(i+"55555555".sup());

이진수 구하기
201이란 숫자를 이진수로 구해보자

201 - 128 =  73 이르모 참 1
73 - 64 =  9 이르모 참 1
9 - 32 =  뺄수없으므로 거짓 0
9 - 16 =   뺄수없으므로 거짓 0
9 - 8 =  1 이르모 참 1
1 - 4 =  뺄수없으므로 거짓 0
1 - 2 =  뺄수없으므로 거짓 0
1 - 1 =  0 이르모 참 1

그러므로 답은 11001001

다른방법도 있다

201 / 2 = 100.5 이므로 거짓 0
100 / 2 = 50 이므로 참 1
50 / 2 = 25 이므로 참 1
25 / 2 = 12.5 이므로 거짓 0
12 / 2 = 6 이므로 참 1
6 / 2 = 3 이므로 참 1
3 / 2 = 1.5 이므로 거짓 0
1 / 2 = 0.5 이므로 거짓 0

그러므로 결과는 01101100 이다
결과를 거꾸로하면 00110110 이된다
마지막으로 참거짓도 반화해버리면 11001001 값이 같게된다
그러므로 답은 11001001 이다


이진수를 십진수로 바꿔보자
11001001

뒷자리부터 곱해야한다 ~~

var i =0;
i=
1*1+
0*2+
0*4+
1*8+
0*16+
0*32+
1*64+
1*128;

alert(i)

답은 201이다

또는

var a =1;
var b =1;
var c =0;
var d =0;
var e =1;
var f =0;
var g =0;
var h =1;

a=a<<7;
b=b<<6;
c=c<<5;
d=d<<4;
e=e<<3;
f=f<<2;
g=g<<1;
h=h<<0;
i = a+b+c+d+e+f+g+h;
답은 201이다

이런식으로 구할수 있다....

가장 강력한 변환법은

보조프로그램의 계산기로 들어가서 보기 > 공학용으로 계산하는것이다;;
계산기 공학용어

hex 16진수 (hexa) 16진법, 헥사
dec 10진수 (decimal) 10진법 "소수점", 데시멀
oct 8진수 (octal) 8진법, 악틀
bin 2진수 (binary) 2진법, 바이너리
Degree 디그리 / 도,정도,해제,제거
radian 라디안 / 각도,호도
grad 그래드 / 졸업,점차,

 

date
getYear()  현재 년도 조회 
getMonth()  현재 월 조회(숫자 순서 표시 / 0부터 1월) 
getDate()  현재 일 조회 
getDay()  현재 요일 조회(숫자 순서로 표시 / 0부터 일요일) 
getHours()  현재 시 조회 
getMinutes()  현재 분 조회 
getSeconds()  현재 초 조회 
getTime()  현재 시간 조회

array
var array_ = "1,2,3,5";
for(var i = 0 <=2; i++)
document.write(array_[i]);
join() 메서드는 array 사이에 연결고리
sort(),reverse() 는 소팅(정렬)과 역순정렬을 시켜준다
array_.sort()
array_.reverse()
slice(0,2) 는 배열을 첫놈부터 2번째 놈까지 추출한다


confirm 확인,취소창 (true,false)
prompt 문자열취급
parseInt 정수,숫자취급


Math
E  자연로그의 밑수, 오일러 상수 
PI  원주율, 파이 
LN10  10의 자연로그 
LN2  2의 자연로그 
SQRT2  2의 제곱근 
sin  사인 
cos  코사인 
tan  탄젠트 
asin  아크사인 
acos  아크코사인 
atan  아크탄젠트 
abs  절대값 
exp  익스포넌트 
log  로그 
pow  승수 
sqrt  제곱근 
random  무작위값 
round  반올림 
floor  같거나 큰 수 
ceil  작거나 작은 수 
max  최대값 
min  최소값 
Math.max(i,j)
Math.min(i,j)


Screen
availHeight  화면 높이(화면에서 인테페이스 부분 제외) 
availWidth  화면 넓이(화면에서 인테페이스 부분 제외) 
height  화면 높이(pixel단위) 
width  화면 넓이(pixel단위) 
pixelDepth  pixel당 bit수 
colorDepth  표현 색상 수 
screen.height
screen.width

 

window
directories  주소관련, 이동, 즐겨찾기등 
location  Web Browser 주소 표시줄 
menubar  Web Browser Menu Bar 
scrollbars  Web Browser 아래와 오른쪽에 있는 Scroll Bar 
status  Web Browser 아래 상태 표시줄 
toolbar  앞/뒤로 이동, 새로고침, 즐겨찾기등이 모여있는 도구 
resizable  Web Browser 크기 조정 가능 여부 
width  Web Browser 넓이 지정 
height  Web Browser 높이 지정 
directories  주소관련, 이동, 즐겨찾기등 
location  Web Browser 주소 표시줄 
menubar  Web Browser Menu Bar 
scrollbars  Web Browser 아래와 오른쪽에 있는 Scroll Bar 
status  Web Browser 아래 상태 표시줄 
toolbar  앞/뒤로 이동, 새로고침, 즐겨찾기등이 모여있는 도구 
resizable  Web Browser 크기 조정 가능 여부 
width  Web Browser 넓이 지정 
height  Web Browser 높이 지정 
directories  주소관련, 이동, 즐겨찾기등 
location  Web Browser 주소 표시줄 
menubar  Web Browser Menu Bar 
scrollbars  Web Browser 아래와 오른쪽에 있는 Scroll Bar 
status  Web Browser 아래 상태 표시줄 
toolbar  앞/뒤로 이동, 새로고침, 즐겨찾기등이 모여있는 도구 
resizable  Web Browser 크기 조정 가능 여부 
width  Web Browser 넓이 지정 
height  Web Browser 높이 지정

alert()  확인 Message 표시 
back()  뒤로 이동(IE에서는 확인이 필요함) 
close()  화면 닫음(open() Method로 열린것만 가능) 
confirm()  확인/취소 Message 표시 
find()  특정 문자열 검색(IE에서는 확인이 필요함) 
forward()  앞으로 이동(IE에서는 확인이 필요함) 
home()  기본 Web Site로 이동(IE에서는 확인이 필요함) 
moveBy()  좌표 이동(상대 / popup창에 사용) 
moveTo()  좌표 이동(절대 / popup창에 사용) 
open()  새창 열기 
print()  화면 내용을 printer로 출력 
prompt()  입력 대화상자 표시 
resizeTo()  좌표로 창의 크기 설정(절대) 
resizeBy()  좌표로 창의 크기 설정(상대) 
scrollBy()  좌표로 ScrollBar위치 지정(상대) 
scrollTo()  좌표로 ScrollBar위치 지정(절대) 
setInterval()  일정한 간격으로 함수를 호출하여 실행

onLoad  Web Browser가 문서를 불러올때 
onUnload  Web Browser가 다른 문서를 불러올때 
onError  Web Browser가 문서를 불러오던중 오류가 발생할때 
onBlur  Web Browser가 Focus를 잃을 때 
onFocus  Web Browser가 Focus될 때 
onDragDrop  특정 개체를 Drag And Drop할 때 
onMove  Web Browser가 움직였을 때 
onResize  Web Browser의 크기가 변할 때 
onClick  특정 개체를 Click 했을 때

title  문서 제목 
location  URL 
lastModified  문서의 마지막 수정 날짜 
referer  이전 URL 
bgColor  배경색 
fgColor  전경색 
linkColor  Link색 
alinkColor  Link를 Click할때의 색 
vlinkColor  Link를 Click하고 난 후의 색(이미 방문한곳 포함) 
anchors  문서의 label 
forms  문서 입력 양식 
links  문서에 있는 Link 
cookie  Cookie 정보 
images  문서에 있는 Image 
applets  문서에 있는 Applet 
embeds  문서에 있는 Plug-in 
lavers  문서 Layer

open()  문서 열기 
close()  문서 닫기 
clear()  문서 지우기 
write()  문서에 쓰기(출력) 
writeln()  문서에 쓰기(출력, 줄바꿈 포함) 
getSelection()  선택한 문자열 얻기

 

history
length  담긴 기록 수 
back()  기록에서 한단계 뒤로 이동 
forward()  history 기록에서 한단계 앞으로 이동 
go() 
history.back()
history.go(2)
history.legth

 

location 
href  문서의 UR 
host  URL의 Host와 Port 
hostname  URL의 Host 이름 
protocol  Protocol 
pathname  문서의 경로 
port  Port 번호 
hash  문서의 Labels 
search  사용형식
reload()  새로고침 
replace()  다른 문서로
onLoad  Web Browser가 문서를 불러올때 
onUnload  Web Browser가 다른 문서를 불러올때 
onError  Web Browser가 문서를 불러오던중 오류가 발생할때 
onBlur  Web Browser가 Focus를 잃을 때 
onFocus  Web Browser가 Focus될 때 
onDragDrop  특정 개체를 Drag And Drop할 때 
onMove  Web Browser가 움직였을 때 
onResize  Web Browser의 크기가 변할 때 
onClick
location.reload("naver.com")
location.replace("naver.com")

links[0] ~ 배열
pathname  경로이름 
href  Link로 이동할 주소 
<a href="#1"></a>
<a href="#2"></a>
<a href="#3"></a>

document.links[0].pathname
document.links[0].href
document.anchors[0].name
document.anchors[0].length

 

Navigator
navigator.appName
navigator.appVersion
navigator.language
navigator.platform
if(navigator.javaEnabled())
javaEnabled()  javascript가 적용가능한지 여부 
appName  Brawser 이름 
appVersion  Brawser 버전 
appCodeName  Brawser Code명 
userAgent  Brawser 의 User Agent 
mineTypes  Brawser 에서 지원하는 MINE 
plugins  Plug-in 종류 
language  Brawser 가 사용중인 언어 
platform  Brawser 가 작동중인 System의 종류

 

password
defaultvalue  password객체에 입력이 없는 경우의 입력 또는 표시 값



출처 : http://cafe.naver.com/gowebdi/197 <- 여기 정말 좋은 카페인것같아요


반응형

'JavaScript' 카테고리의 다른 글

jQuery id 값 가져오기  (0) 2014.10.01
jQuery 함수 사용법  (0) 2014.09.24
jQuery 메소드, 함수  (0) 2014.09.15
jQuery의 가장 기본(selector, ready 콜백 함수)  (0) 2014.09.15
jquery에 도움되는 사이트  (0) 2014.09.12

댓글