반응형 Programing/JavaScript123 자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method 자바스크립트 문자열 바꾸기, 변경하기 javaScript replace() method 자바스크립트 replace() 메소드는 특정값을 찾아 다른 값으로 바꿀 때 사용된다. - 사용방법 문자열.replace("찾을문자열", "바꿀문자열); 예) 1 2 3 4 5 6 7 function replaceFunction() { var str = "I love football"; var txt = str.replace("foot","base"); document.write(txt); } Colored by Color Scripter cs I love football 에서 foot 문자열을 찾아 base로 변경한후 출력한다. 결과는 I love baseball 그러나 replace() 메소드는 1회성이라 저렇게만 .. Programing/JavaScript 2015. 7. 23. 자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트 문자열 자르기 javsScript slice(), subString(), subStr() method 사용법 자바스크립트에서 문자열을 잘라 리턴하는 메소드는 3가지가 있다. 1. slice() 2. substring() 3. substr() 그럼 slice()부터 사용법에 대해 알아보자. - slice 사용방법 문자열.slice(잘라올 첫 위치값, 잘라올 마지막 위치값) 여기서 잘라올 첫번째 위치값은 이상 이고 잘라올 마지막 위치값은 미만이라고 생각하면 편하다. 다시 말해 첫 위치값은 리턴값에 포함되며 마지막 위치값은 미포함된다. 주의하자. 아래의 예를 보자 예) 문자열의 인덱스 값을 모른다면 아래의 링크를 참조하자. Link : 자바스크립트 javaScript indexOf(), lastI.. Programing/JavaScript 2015. 7. 23. 자바스크립트 javaScript indexOf(), lastIndexOf() methods 자바스크립트 javaScript indexOf(), lastIndexOf() methods indexOf() 메소드는 파라메터와 같은 문자 or 문자열을 처음부터 찾아 몇번째 위치하는지 리턴하는 메소드다. -사용방법 문자열.indexOf("찾을문자열", 검색을 시작할 인덱스값[생략가능]) 예) 위의 예제에서 indexOf의 리턴값은 0이다. 주의! 자바스크립트는 0부터 카운트 한다. 그래서 첫자인 A를 찾아 그 인덱스 값인 0을 리턴 하는것이다. 그렇다면 str.indexOf("B");의 리턴값은? 1이다. 이런식으로 0부터 1, 2, 3...으로 올라가는 것이다. A B C C D E ... 0 1 2 3 4 5 ... -----------------------> 그럼 검색을 시작할 인덱스값을 옵션으로.. Programing/JavaScript 2015. 7. 23. 자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 문자열(String)에 대한 모든것 javaScript Strings 자바스크립트 string은 텍스트를 저장하고 다루기 위해 사용된다. -javaScript Strings 자바스크립트 string은 "adam lee" 와 같은 문자들의 열을 간단하게 저장한다. String은 따옴표(인용부호)안에 어떠한 텍스트도 쓸수 있다. 싱글('')과 더블("") 모두 사용 가능하다. 예) var userName= "adam lee01"; //더블 var userName= 'brian lim02'; //싱글 물론 둘다 중복으로 사용도 가능하다. 예) var answer = "It's alright"; var answer = "He is called 'Johnny'"; //출력결과 => He is call.. Programing/JavaScript 2015. 7. 20. 자바스크립트 지역변수, 전역변수, 로컬, 글로벌 변수 javaScript local variables, global variables, 변수의 범위 자바스크립트 지역변수, 전역변수, 로컬, 글로벌 변수 javaScript local variables, global variables, 변수의 범위 - 자바스크립트 범위 범위는 변수가 접근 할 수 있는 집합이다. - 자바스크립트 로컬(지역) 변수 (javaScript Local variables) 자바스크립트 function 내에 선언되는 변수를 로컬(지역)변수라 한다. 로컬변수는 그 로컬범위를 갖는다. 이 변수들은 오직 function 안에서만 접근 할 수 있다. 예) // code here can not use carName function myFunction() { var carName = "Volvo"; // code here can use carName } carName 이라는 변수는 오직 my.. Programing/JavaScript 2015. 7. 20. 자바스크립트 오브젝트 javaScript object 자바스크립트 오브젝트 javaScript object - 자바스크립트 오브젝트(javaScript object) 우리는 이미 자바스크립트 변수가 데이터 값을 위한 컨테이너 라고 알고 있다. 아래의 코드는 간단한 값을 가진 변수할당 방법이다. var volunteer = "adam"; 오브젝트 역시 변수이다. 그러나 오브젝트는 많은 값을 담을 수 있다. 아래의 코드는 한 변수에 많은 값들을 할당한다. var volunteer = { firstName:"adam", lastName:"lee", age:30, type:"java" }; 그 값은 이름:값의 쌍으로 쓰여진다. (이름과 값은 ':'으로 구분된다.) 자바스크립트 오브젝트는 이름이 있는 값들을 위한 컨테이너다. - 오브젝트 속성(object Prope.. Programing/JavaScript 2015. 7. 19. JavaScript Function 자바스크립트 함수 알짜만 빼먹기 JavaScript Function 자바스크립트 함수 알짜만 빼먹기 javaScript 함수는 특별한 일을 처리하기 위해 디자인된 코드의 블록입니다. 예) function myFunction(p1, p2) { return p1 * p2; // 이 함수는 p1*p2를 리턴하는 함수이다. } - 자바스크립트 함수 문법 자바스크립트 함수는 'function' 키워드, 다음에 이름(name), 다음에 괄호()로 정의됩니다. 함수명은 문자, 숫자, 언더라인(_), 달러표시($)를 포함할 수 있습니다. 괄호 안에는 콤마(,)에 의해 분리된 파라메터명을 포함 할 수 있고(parameter1, parameter2,...) 함수에 의해 실행되는 코드들은 중괄호(curly brackets) 안에 작성됩니다.{} 예) fu.. Programing/JavaScript 2015. 7. 19. 자바스크립트 undefined, null 의 개념 자바스크립트 undefiend, null의 개념 - undefined 자바스크립트에서 값이 없는 변수는 undefined값을 가지고 있다. 그리고 이것의 타입 또한 undefined 다. 예) var person; // Value is undefined, type is undefined undefined로 값이 세팅되어진 몇몇 변수는 값이 비어있을 수 있다. 그리고 그 타입 또한 undefined 이다. 예) person = undefined; // Value is undefined, type is undefined 비어있는 string 타입의 변수는 값과 타입을 모두 가지고 있다. 예) var car = ""; // The value is "", the typeof is string - null 자바스.. Programing/JavaScript 2015. 7. 19. 자바스크립트 데이터 타입, javaScript data types, typeof 자바스크립트 데이터 타입, javaScript data types, typeof 자바스크립트의 데이터 타입에는 number, string, array, object 등이 있다. 예) var length = 16; // Number var lastName = "Johnson"; // String var cars = ["Saab", "Volvo", "BMW"]; // Array var x = {firstName:"John", lastName:"Doe"}; // Object 데이터 타입의 개념. 프로그래밍에서 데이터 타입은 매우 중요한 개념이다. 변수들을 연산 하기 위해 데이터 타입에 대해 알고있는 것은 매우 중요하다. 데이터 타입 없이 컴퓨터는 아래와 같은 연산을 안전하게 해결할 수 없다. var x = 1.. Programing/JavaScript 2015. 7. 19. 자바스크립트 연산자, javaScript Operators 자바스크립트 연산자, javaScript Operators [javaScript 산술 연산자의 종류] 연산자 설명 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 반환 ++ 증가연산자 -- 감소연산자 [javaScript 할당 연산자의 종류] 연산자 예 설명 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y '+'를 이용한 문자열(String) 연산도 가능하다. 예) txt1 = "John"; txt2 = "Doe"; txt3 = txt1 + " " + txt2; 결과는 "John Doe" 증감 연산도 가능하다. 예) txt1 = "What a v.. Programing/JavaScript 2015. 7. 19. 자바스크립트 변수, javaScript variables 자바스크립트 변수, javaScript variables 여타 다른 프로그래밍 언어와 같이 javaScript에서도 변수는 데이터값을 저장하는 컨테이너 입니다. 1. 변수의 선언은 var 키워드를 사용합니다. (스크립트를 시작할때 사용될 모든 변수를 선언하는 것이 좋은 습관입니다.) 예) var x = 5; var y = 6; var z = x + y; x=5, y=6, z=11의 값을 기대할 수 있습니다. javaScript의 모든 변수는 고유의 이름으로 식별되어져야만 합니다. 이러한 고유한 이름을 식별자 라고 부릅니다. 식별자는 짧거나(x, y와 같이) 좀 더 서술적인 이름(age, sum, totalVolume)도 쓸수 있습니다. 변수의 이름을 짓는 일반적인 규칙은 다음과 같습니다. ● 변수명은 문.. Programing/JavaScript 2015. 7. 18. 자바스크립트 주석 javaScript comments 자바스크립트 주석 javaScript comments 주석은 코드를 설명하거나 가독성을 위해 작성합니다. 또한 테스트 중인 코드드의 실행을 막는데도 사용됩니다. 싱글라인 주석은 '//' 을 사용하여 작성합니다. 예) // Change heading: (주석사용부) document.getElementById("myH").innerHTML = "My First Page"; // Change paragraph: (주석 사용부) document.getElementById("myP").innerHTML = "My first paragraph."; var x = 5; // Declare x, give it the value of 5 var y = x + 2; // Declare y, give it the valu.. Programing/JavaScript 2015. 7. 18. 자바스크립트 키워드란? 키워드 종류 javaScript Keywords 자바스크립트 키워드란? 키워드 종류 javaScript Keywords 자바스크립트문은 종종 수행되어야 할 자바스크립트 동작을 식별하는 '키워드'로 시작한다. 자바스크립트 구문 작성 시 자주 사용되는 키워드에 대해 알아보자. break loop문이나 switch문을 종료하기 위해 사용. continue loop문을 빠져나가 가장상단으로 가는데 사용. debugger 자바스크립트의 실행을 중지하고 (가능하다면)디버깅 function을 부른다. do ... while do while반복문 실행 for for반복문 실행 function function을 선언한다. if ... else if문 실행 return function에서 나온다. switch switch문 실행 try ... catch error를 핸.. Programing/JavaScript 2015. 7. 14. 자바스크립트 구문, 주의점 javaScript Statements 자바스크립트 구문, 주의점 javaScript Statements 자바스크립트 구문에 대해서 알아보도록 하죠. HTML에서 자바스크립트 구문들은 브라우져에 의해 실행되는 명령을 합니다. 예를 들어 아래와 같은 구문은 HTML 요소중 'demo'를 찾아 그 안에 'Hello Dolly'를 써라라는 명령을 하는 것 입니다. 예) document.getElementById("demo").innerHTML = "Hello Dolly."; 그리고 자바스크립트 구문은 한번에 한개씩 작성된 순서에 따라 실행됩니다. 예) var x = 5; var y = 6; var z = x + y; document.getElementById("demo").innerHTML = z; x, y, z 값을 설정하고 마지막으로 'de.. Programing/JavaScript 2015. 7. 14. javaScript syntax 기본 문법, variables, operator, keywords, comments javaScript syntax 기본 문법, variables, operator, keywords, comments javaScript 기본문법 1. javaScript문은 세미콜론(;)에 의해 분리된다. 예) -출력결과 : 11 참고) HTML에서 javaScript 프로그램은 웹 브라우저에 의해 실행된다. 2. javaScript문은 Values, Operators, Expressions, Keywords, and Comments 로 구분된다. 2-1. javaScript 구문에서 values는 두가지 타입으로 정의된다. 고정값(fixed values)과 유동값(variable values) 이 그것이다. 고정값은 Literals 라 불리고, 유동값은 Variables라 불린다. 2-1-1. Li.. Programing/JavaScript 2015. 7. 13. 이전 1 ··· 5 6 7 8 9 다음 💲 추천 글 반응형