Web programing/Javascript

Javascript Array 배열, Location 객체

sosal 2014. 7. 26. 12:30
반응형

/*

 * http://sosal.kr/

 * made by so_Sal

 */




Array 객체.

사용될 내용들에 번호를 매겨 체계적으로 정렬하여 사용할 수 있도록 하는 객체.

배열 객체 정의 방법

a = new Array(n)

a는 객체의 이름.
new :: 객체를 정의해주는 연산자 (내장 객체인 Array 객체를 만들겠다.)
n :: 매개변수의 개수. 객체에 사용될 내용들에 번호를 주는데, 그 번호의 수

 <HEAD>
  <TITLE> object </TITLE>
  <script>
  a=new Array(3); 


  a[0] = "내장 ";
  a[1] = "객체 ";
  a[2] = "Array";

 

  document.write(a[0]+a[1]+a[2]+"<br>");
  document.write(a);
  </script> 
 </HEAD>

** 배열의 속성과 메소드

* length() : 배열의 개수 연산 메소드 -> 배열명.length
ex) document.write(a.length)  -> 위에서 3개를 만들었으므로 ' 3 '  출력

* join() : 특정 기호를 사용해서 문자열로 나열한다.
ex) document.write(a.join(" - ")); 


* reverse() : 배열의 값의 위치를 거꾸로 바꾸어 줌 -> 배열명.reverse()
ex) document.write(a.reverse());  -> " Array, 객체, 내장 " 이 출력된다.

* slice() : 배열을 사용자 마음대로 시작, 끝부분으로 분리해준다.
ex)
arr = new Array("아","이","러","니","하","네","요");
document.write(arr.slice(2,5));
// 러,니,하 출력 :: 2~5 사이에 2,3,4를 출력한다. arr[2] = 러, arr[3] = 니, arr[4] = 하

* sort() : 배열을 정렬한다.
ex)
  arr1 = new Array("5","45","6","61","아");
document.write(arr1.sort());
//45,5,6,61,아  // 출력

* concat() : 두개의 배열을 결합한다. 매개변수로는 원하는 배열을 넣는다.
ex)
a1 = new Array("나는 너를 ");
a2 = new Array("사랑해..");
document.write(a1.concat(a2));
// 나는 너를 ,사랑해..  // 출력


/////////////////////////////////////////////////////

** Location 객체 :: 링크하는 객체.
<a href="http://sosal.kr"> sosal </a> :: html에서 하이퍼텍스트를 이용한 링크이다.
똑같은 내용인데 이를 Javascript 내장 객체를 이용하여 만들어 보자.

 <BODY>
  <u onclick="location.href=('http://sosal.kr')"> sosal </u>  
 </BODY> 
body에 위치.

location.href는 메소드이기도 하지만 속성이기도 하다
location.href=('http://sosal.kr')
location.href='http://sosal.kr'
위 둘의 결과는 같다.

location.href를 통해 앵커태그 <a></a>와 똑같이 링크를 할 수 있다.
이 객체를 통해 *링크를 할 수 없는 부분에 사용할 수가 있다.*