Javascript & JQuery & CSS

1. replace(문자 치환 함수)

	str = "This is example for expression and Example for replace";
	newstr = str.replace(/example/gi,"sample");
	document.write (str);
	document.write ("<br>");
	document.write (newstr);

(g는 전체치환의 의미, i는 대소문자 구분 무시)

replace All 을 할 수 있는 예제 입니다.

function replaceAll(str,ori,rep)
{
  return str.split(ori).join(rep)
}

aaa="111,222,333,444";
abcd = replaceAll(aaa,",","");
alert(abcd);

1) 콤마(,)를 모두 삭제하는 예제
2) 콤마(,)를 모두 & 로 바꾸는 예제
abcd = replaceAll(aaa,",","&");

2.  charAt()
  "javascript".charAt(0) 
  지정된 위치의 문자를 리턴해 줍니다. 위의 예제는 javascript의 0(첫번째) 값을 리턴해
  "j" 값을 리턴합니다.

3. indexOf / lastIndexOf
  "javascript".indexOf("script")
  이 예는 javascript 문자열에서 "script"의 위치를 찾게 하는 예제입니다.
  이때 s 값이 5번째에 있으므로 4(첫번째문자 0)의 값이 리턴됩니다.

  "javascript".lastIndexOf("a")
  위의 예제에서는 lastIndexOf가 오른족에서부터 검색을 시작하게 되므로 두번째 있는 a가
  아닌 네번째 a가 검색결과가 됩니다. 그러므로 값은 3 이 될겁니다.

4. substring()
  substring 메소드는 지정된 위치에 있는 문자열을 추출하게 됩니다.

  "javascript".substring(0,2)
  예를 보면 "javascript" 에서 0번째 문자에서부터 2번째 문자까지를 추출하라는 것이므로 "jav" 문자까지 리턴하게 됩니다.
 
  "javascript".substring(2,0)
 위 예제처럼 매개변수의 순서가 바뀌어도 상관 없습니다.

  "javascript".substring(4)
 위처럼 매개변수를 하나만 사용했을때에는 4번째 문자에서부터 끝까지 추출하라는 의미가 됩니다.
 매개변수를 하나도 넣지 않았을때는 모든 문자가 리턴됩니다.

5. toLowerCase / toUpperCase
  이 함수는 모든 문자를 소문자나 대문자로 만들게 됩니다.

  "JavaScript".toLowerCase()
  "JavaScript".toUpperCase()
  결과는 javascript 와 JAVASCRIPT 가 나오게 됩니다.

6. concat(string)
  concat 메소드는 두개의 문자열을 합하여 하나의 새로운 문자열을 만들게 됩니다.
  str="안녕하세요".concat("예제입니다.");

  str 값에는 "안녕하세요. 예제입니다."라는 문자열이 들어가게 됩니다.

7. slice()
  slice 메소드는 substring 함수와 비슷한 기능을 가집니다. 그러나 slice 함수의 두번째 매개변수는 end_index값을 기준으로 움직이게 됩니다.
  "Hello javascript".slice(6,-6)

  이 코드의 경우 앞에서 6번째 J문자부터 뒤에서 6번째인 a 까지 추출하게 됩니다.
  결국 "java" 문자를 추출하게 됩니다.

8. split()
  split 메소드는 매개변수로 입력되는 separator 를 기분으로 여러개의 문자열을 나누게 됩니다.
 
  str1="this is test"
  str2=str1.split(" ")
  "this","is","test" 라는 3개의 문자열로 나누어지게 됩니다.

9. charCodeAt() / fromCharCode()
  str="a"
  alert(str.charCodeAt(0));
  위와 같이 "a" 값에 대한 아스키 값을 알고 싶을때는 위처럼 하시면 97이란 값을 뽑아보실수 있습니다.
  반대로 아스키값 97를 이용해 "a" 라는 문자를 뽑고 싶으면 어떻게해 할가요?
 
  fromCharCode() 함수를 이용하면 됩니다.

  String.fromCharCode(97);

10. Left() , Right() 함수를 만들어 보자. 

  자바스크립에서 Left, Right 함수가 존재하지 않습니다.
  아래 소스를 통해 같은 효과를 낼 수 있습니다.

//Left 기능
function Left(Str, Num){
  if (Num <= 0)
    return "";
  else if (Num > String(Str).length)
    return Str;
  else
  return String(Str).substring(0, Num);
}


//Right 기능
function Right(Str, Num){
  if (Num <= 0)
    return "";
  else if (Num > String(Str).length)
    return Str;
  else {
    var iLen = String(Str).length;
    return String(Str).substring(iLen, iLen - Num);
  }
}