자바스크립트 배열 메소드 join reverse slice
HTML & Javascript
2014. 11. 28. 18:48
▣ 자바스크립트 배열 메소드 ■ 자바스크립트에서는 배열을 더욱 쉽게 사용하기 위해서 각종 Array 메소드를 지원하는데요. 이번 글에서는 join(), reverse(), slice() 메소드의 역할을 알아보고 간단하게 예제를 만들어서 이해를 해보겠습니다. 1. join() [형식 ▶ 배열명.join(구분자)]이 메소드는 배열을 하나의 문자열로 만들어주는 역할을 하는데요. 매개변수에는 각종 구분자(+, /) 등을 넣어줄 수 있고, 생략하면 기본값인 콤마(,)로 각각의 값을 구분합니다. ■ my_array라는 배열을 선언하고, join() 메소드를 이용해서 첫 번째는 초기값인 콤마(,)가 출력되도록 매개변수를 생략했고, 두 번째는 "+" 구분자, 세 번째는 "*" 구분자를 매개변수로 넣어봤습니다. 이것들이..
Javascript Array / 자바스크립트 배열
HTML & Javascript
2014. 11. 27. 11:46
▣ Javascript Array / 자바스크립트 배열 ■ 일반 프로그래밍 언어의 배열은 동일한 데이터형을 여러 개 묶어서 사용하지만, 자바스크립트에서는 데이터형에 관계없이 묶어서 사용할 수 있기 때문에 약간 다른데요. 자바스크립트의 배열의 형식을 알아보고 예제를 만들어보겠습니다. 배열의 형식은 다음과 같습니다. 배열명 = new Array() () 안에는 인덱스 번호를 넣어도 되고, 초기값을 넣어도 되는데요. ■ 인덱스 번호를 넣어서 만드는 예부터 보겠습니다. my_array =new Array(5)는 배열의 빈방이 다섯 개가 생기는 겁니다. 첫 번째 방의 번호는 "0"입니다. 즉, [0][1][2][3][4]의 빈방이 생긴다고 생각하시면 됩니다. 이렇게 생긴 다섯 개의 빈방에 배열 값을 넣는다면 다음..
Javascript 객체 만들기
HTML & Javascript
2014. 11. 26. 15:29
▣ Javascript 객체 만들기 ■ 자바스크립트는 객체지향 언어(OOP) 입니다. 자바(JAVA) 같은 일반 프로그래밍 언어에서는 클래스를 선언하고 속성이나 메소드를 넣어서 사용하지만, 자바스크립트에서는 그렇게 되지 않기 때문에 한정된 수준에서 객체를 선언하고 사용해야 하는데요. 자바스크립트에서 객체를 만드는 과정을 알아보고, 예제를 만들어보겠습니다. Javascript에서는 함수를 만들어 객체를 생성하는데요. 형식은 다음과 같습니다. ■ 새로운 함수를 만들어서 전달받을 매개변수를 선언 한 후 this를 이용해서 설정하는데요. 위 형식을 생각하면서 예제를 만들어 보겠습니다. 먼저 함수를 만들겠습니다. ■ 이렇게 'aaa'라는 함수를 만들었다면 이 녀석을 객체로 만들기 위해서는 다음과 같이 new 연산..
자바스크립트 return
HTML & Javascript
2014. 11. 25. 22:54
▣ 자바스크립트 return ■ 자바 스크립트에서 함수를 만들어서 사용하면 반복되는 문장을 최소화할 수 있는 장점이 있는데요. function을 이용해서 함수를 만드는 방법에는 두 가지가 있습니다. 하나는 단순히 어떤 명령어를 수행만 하는 함수이고, 또 다른 하나는 수행한 후 값을 반환하는 함수가 있는데요. 이렇게 반환 값이 있는 함수에서는 return 문을 사용해서 값을 반환하면 됩니다. ■ html에서 함수를 정의할 때 위치는 사이에 넣어서 사용합니다. 그 이유는 함수가 정의되기 전에 사용되는 것을 막기 위해서입니다. ■ 다음은 함수의 형식을 알아보겠습니다. 먼저 return 값이 없는 함수부터 살펴보겠습니다. function aaa(){var a, b, ca=10b=20c= a+bdocument.w..
자바스크립트 함수 [eval, parseFloat, parseInt]
HTML & Javascript
2014. 11. 24. 13:51
▣ 자바스크립트 함수 [eval, parseFloat, parseInt] ■ 이번 글에서는 몇 가지의 함수에 대해서 알아볼 텐데요. 먼저 eval 함수는 [+, -, *, /] 등의 수식으로 되어 있는 문자열을 실수로 바꿔서 출력하는 함수이구요. parseFloat 함수는 문자열을 부동소수점형으로 바꿔서 출력하고, parseInt 는 문자열을 정수로 바꿔서 출력하는 함수입니다. parseInt와 parseFloat가 문자열을 정상적으로 숫자로 출력하지 못할 때는 NaN(Not a Number)를 반환하게 됩니다. 기본 개념을 생각하면서 예제를 하나씩 만들어보겠습니다. 먼저 eval 함수의 형식은 [eval(수식 문자열)] 입니다. ■ aaa, bbb 변수를 각각 선언하고, aaa에는 수식을 문자열("")..
자바스크립트 alert 와 confirm 함수
HTML & Javascript
2014. 11. 23. 14:19
▣ 자바스크립트 alert와 confirm 함수 ■ 자바스크립트의 내장 함수 중에서 alert와 confirm 등 대화상자를 손쉽게 브라우저에 띄우고 사용할 수 있는 함수에 대해서 알아보겠습니다. 자바 스크립트의 대화 상자 중에서 "입력 대화 상자"인 prompt에 대해서 궁금하신 분은 아래 글 참고 하시면 됩니다. ^^ ▶ prompt 입력 대화상자 : http://godvow.tistory.com/11 이 글에서는 먼저 alert 함수에 대해서 알아보겠습니다. alert 함수의 형식은 다음과 같습니다. 형식 : alert(문자열) 함수를 입력하고 출력될 문자열을 입력하면 되는데요. 메모장에 예제를 만들어 보겠습니다. ■ 메모장에 html 코드를 입력하고 alert 형식에 맞게 함수를 입력했습니다. 문..