아래 와 같이 쓰면된다.
\t : 수평 탭
\n : 줄바꿈
\' : 작은따옴표
\" : 큰따옴표
\\ : 역 슬래시
| 자바스크립트 배열 (0) | 2008.11.20 |
|---|---|
| 자바스크립트 객체란? (0) | 2008.11.20 |
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
자바스크립트에서의 배열이란 참 독특한 놈입니다. ㅡㅡ..
일단 배열이지만 길이를 가변적으로 유동이 가능합니다.
.length 프로터피로 배열의 값을 설정하면 언제든지 크기가 변합니다.
게다가 pop, push, shift, unshift 메서드를 사용해서 앞 뒤 스택을 흉내낼 수도 있고요
다차원 배열을 지원하지 않지만 비슷하게 사용 할 수도 있습니다. ^^
게다가 자바스크립트는 변수의 타입이 없고 내부에서 알아서 오토타입캐스팅이 강하게 지원되기 때문에
한 배열에 어떤 객체나 기본타입을 넣어도 타입 캐스팅 없이 넣고 빼고가 가능합니다~
그리고 length 를 1000 으로 설정하더라도 실제로 값을 넣은 인덱스만 메모리에 할당하기 때문에
메모리의 낭비 없이 크기의 가변적인 활용이 가능합니다.
배열을 생성하는 방법에 대하여 알아봅시다~
ex1)
var empty = [];
var primes = [2, 3, 5, 7, 11];
var misc = [1.1, true, "a", ]; //서로 다른 타입을 원소로 가진 배열도 가능
var a = new Array();
var b = new Array(5, 4, 3, "test");
값을 얻을 때는 다 아실테니까 ^^ 넘어가고요
참 특이하죵?? 메서드는 더 특이합니다. 다음 글에 올려드릴게용~
| 자바스크립트 innerHtml 따옴표 등 쓸때.. (0) | 2014.07.21 |
|---|---|
| 자바스크립트 객체란? (0) | 2008.11.20 |
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
자바스크립트에서 객체란 이름과 값으로 구성된 프로퍼티의 집합입니다.~
자바스크립트의 배열과는 비스무레하면서도 다른 개념이죠~
객체 생성 방법은 여러가지가 있답니다~
ex1)
//객체를 생성하고 객체에 대한 참조를 변수 book 에 저장한다.
var book = {};
//객체의 프로터피를 설정한다.
book.title = "JavaScript
//다른 프로터피들을 설정한다. 중첩된 객체의 사용을 유의하라.
book.chapter1 = new Object();
book.chapter1.title = "Introduction to JavaScript";
book.chapter1.pages = 11;
book.chapter2 = {title: "Lexical Structure", pages: 6};
//객체에서 프로터피 값을 읽어온다.
alert("Outline: " + book.title + "\n\t"
+ "Chapter 1 " + book.chapter1.title + "\n\t"
+ "Chapter 2 " + book.chapter2.title);
이런식으로 new 를 사용하는 방법과 객체 리터럴 {} 을 사용하는 방법이 있답니다. ㅋㅋ
이런 객체들은 기본적으로 자바스크립트의 Object 객체를 상속받기 때문에 Object 의 프로퍼티들을
. 연산자로 사용할 수 있답니다. 메서드를 보고 싶으시면 api 를 보시기를 ^^
| 자바스크립트 innerHtml 따옴표 등 쓸때.. (0) | 2014.07.21 |
|---|---|
| 자바스크립트 배열 (0) | 2008.11.20 |
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
변수의 유효범위 체인을 임시적으로 바꾸는 함수 with 입니다~
ex1)
<html><body>
<script language="javascript">
function f(){
with(frmThis){
var name = txtName.value;
alert(name);
}
}
</script>
<form id="frmThis">
<input id="txtName" value="영석">
<script language="javascript">f();</script>
</form>
</body></html>
id txtName 인 텍스트의 값을 얻기 위해서는
frmThis.txtName.value 이런식으로 얻어야합니다. 한두번은 쓸 수야 있지만
여러번 사용되어질 경우 반복적인 문장이 들어갑니다.
with 를 사용하면 코딩의 양을 확 줄일 수가 있습니다~
with 에 인자에 계속 사용되는 객체를 추가하면
객체의 이름과 . 까지를 생략할 수 있습니다.
하지만 with 가 사용된 자바스크립트 코드는 최적화 되기 어렵다네요.
그래서 같은 코드이지만 with 가 사용된 코드가 더 느릴 수가 있답니다.
그렇기에 다른 방법을 소개합니다~
ex2)
var form = frame[1].document.forms[0];
form.name.value = "";
form.address.value = "";
form.email.value = "";
이런식으로 코드를 짠다면 최적화에 무리를 주지도 않고 불필요한 코딩은 감소하겠죠??
물론 앞에 오는 객체가 frmThis. 이런 식으로 짧다면 소용없게지만
길 경우에는 유용하겠죠~? ^^
| 자바스크립트 배열 (0) | 2008.11.20 |
|---|---|
| 자바스크립트 객체란? (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
| 자바스크립트 변수선언 유효범위 (0) | 2008.11.19 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
자바스크립트를 사용하다 보면
변수 값을 찍기 위해
alert(변수이름); 등등을 사용하는데
null 도 아니고 undefined 라는 놈이 자주 튀어나오더라고요 -0-;;
이놈이 뭔가 하니
null 은 변수가 참조하고 있는 객체가 없는 상태 이고
undefined 는 변수가 선언은 되었으나 초기화가 되지 않은 상태랍니다.
ex)
var a;
alert(a);
요놈은 undefined 가 튀어나오겠지옹 ^^
| 자바스크립트 객체란? (0) | 2008.11.20 |
|---|---|
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
| 자바스크립트 변수선언 유효범위 (0) | 2008.11.19 |
| 자바스크립트 history (0) | 2008.10.29 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
자바스크립트에서 사용하는
향상된 for 문 비스무레 한 문장입니다~
ex)
var a = { x:1, y:2, z:3 };
var b = new Array();
var i = 0;
for( b[i++] in a );
이런식으로 사용하면 a 배열에 모든 프로퍼티 값을
b 가 참조하는 Array 객체로 손쉽게 복사 할 수 있어용~
이어서 b 객체에 있는 모든 값을 보려면
ex2)
for( var c in b ){
alert( b[c] );
}
이런식으로 for/in 문을 사용하면 배열뿐이 아니라
그 객체에 모든 사용자 프로퍼티와 값을 볼 수 있답니다.
| 자바스크립트 객체란? (0) | 2008.11.20 |
|---|---|
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 변수선언 유효범위 (0) | 2008.11.19 |
| 자바스크립트 history (0) | 2008.10.29 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
자바스크립트란 참 희한한 언어인것 같아요 ㅋㅋ
유효범위에 관해서 한가지 제가 몰랐던 것~
만약 선언되지 않은 변수를 사용하게 되었을 경우
ex)
function add(x, y){
sum = x + y; //sum 은 선언되지 않았을 경우
}
이런 경우에 sum 변수는 선언 된 적이 없기때문에 에러가 날 것 같지만
자바스크립트에서는 기본적으로 컴파일 시 선언을 한답니다.
그런데 문제는 무조건 전역변수로 간주하기 때문에 메모리에 불필요한 낭비가 ^^ 될 수 도 있고 값이
꼬이는 문제가 생길 수 있으니 돌아간다고 무시하지 말고
꼭 var 선언을 하시기를~
function a(){
var i = 0;
for(j = 0; j < 10; j++){
var sum = 0;
sum += j;
}
alert(sum);
}
이런 경우에도 alert(sum); 은 동작한답니다.
지역변수의 경우 함수 내부의 지역변수와 전역변수는 유효범위가 있으나
함수 내부에서의 블락단위의 변수 유효범위는 존재하지 않는다는 !!
| 자바스크립트 객체란? (0) | 2008.11.20 |
|---|---|
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
| 자바스크립트 history (0) | 2008.10.29 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
| 자바스크립트 객체란? (0) | 2008.11.20 |
|---|---|
| 자바스크립트 with (0) | 2008.11.20 |
| 자바스크립트 null과 undefined (0) | 2008.11.20 |
| 자바스크립트 for/in 문 활용법 (1) | 2008.11.20 |
| 자바스크립트 변수선언 유효범위 (0) | 2008.11.19 |
쭈니후니
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
개발자로서 공부와 낚시를 좋아하는 한사람으로서의 추억을 담을 블로그입니다.
