[자바스크립트&제이쿼리] 변수, 숫자, 문자, 논리값(블린) 데이터 등

 

변수(데이터를 저장하는 공간)

- 한개의 값만 가질 수 있다.

- var는 사용해도 되고 안해도 값은 똑같은데 쓰는걸 권장

- 변수는 "", '' 안에 사용하지 않음

- 변수는 계산이 가능하다.(숫자데이터)

- 변수 입력법

1. 한글은 절대 쓰지 않는다.

2. 띄어쓰지 않는다.

3. 대소문자 구분한다.

4. 첫글자는 숫자를 사용하지 않는다.

5. 특수기호는 _ $

6. 예약어를 사용하지 않는다.(document, window..등)

a라는 변수(공간)을 만들어라 (값은 없음)
→  var a;

a라는 변수(공간)에 10을 넣어라 또는 치환하여라.
→  var a = 10 

숫자, 문자, 논리값(블린), 비어진값 데이터

01. 문자 데이터(string)는 무조건 '' or "" 사용        

var txt01 = 'JQuery'

var txt02 = '100' // 문자로 인식

var txt03 = '<h1>String</h1>'

document.write(txt01, '<br />')

document.write(txt02, '<br />')

document.write(txt03, '<br />')

02. 숫자 데이터(number)

var num01 = 100

var num02 = Number('200')//문자 데이터를 숫자 데이터로 변환할 때

var num03 = Number(txt02)//상위 문자데이터 txt02값을 숫자로 변환 

document.write(num01, '<br />') //값 100

document.write(num02, '<br />') //값 200

document.write(num01 + txt02, '<br />') // 값 100100

document.write(num01 + num02, '<br />') // 값 300

document.write(num01 + Number(txt02), '<br />') //값 200

03.논리 데이터(boolean) - true false / 값이 0, null, undefined 제외한 모든 것은 true

ar bool01 = true

var bool02 = false

var bool03 = 10 < 5 // 값은 false

var bool04 = Boolean('khj') 

document.write(bool01, '<br />') //값 true

document.write(bool02, '<br />') //값 false

document.write(bool03, '<br />') //값 false

document.write(bool04, '<br />') //값 true

04.  데이터 형식을 체크하는 명령어 typeof

document.write(typeof txt02, '<br />') //값 string

document.write(typeof num01, '<br />') //값 number

현재 브라우저의 width값을 화면에 표시    

$(document).ready(function(){

        //변수 x
        document.write($(window).width())        

        //변수 사용
        var a = $(window).width()
        document.write(a)

})

변수 사용해서 박스의 width값 적용

 $(document).ready(function(){

        //변수 x
        //$('.box').css('width','100')        

        //변수 사용
        var a = 100
        $('.box').css('width',a)

    })