유사배열 놀이

jQuery를 가지고 놀던중에...

반환값이 Object인데도 불구하고 fireBug나 크롬에서 array처럼 반환되는 것을 확인할 수 있다.

ex>
$('a')
>> [<a href="http://vjeux.com/">vjeux</a>, <a href="http://google.com/">google</a>]


어떻게 했을까?

console.dir을 찍으면

>> e.fn.e.init[1]

값이 나온다 클릭하여 펼쳐보자

e.fn.e.init[1]

  1. 0: HTMLAnchorElement
  2. context: HTMLDocument
  3. length: 1
  4. selector: "#sdf"
  5. __proto__: Object[0]


이렇게 나오는것을 확인할 수 있다.

다른 유사객체인 Argument, NodeList를 비교해서 확인해 보자.

NodeList[1]
  1. 0: HTMLDivElement
  2. length: 1
  3. __proto__: NodeList
    1. constructor: function NodeList() { [native code] }
    2. item: function item() { [native code] }
    3. __proto__: Object


두가지 공통점을 발견할수 있다. 

인덱스가 0,1... 처럼 생겼다.

length값을 가지고 있다.



그럼 

obj = { 0: 'a', 1:'b', length:2};

이렇게 하면 위와 똑같이 나올까?

실험을 해보기로 했다.



console.log로 찍으면

>> Object

로 나온다.

무언가 부족한거 같다.



구글링을 통해 어떻게 만드는것일까 찾아보았다.

그랬더니....

  • [0 .. length - 1]: Array elements
  • length: Set to a positive integer
  • splice: Any function (even empty)

요소가 필요하다 한다.

실제로 해당 요소를 넣고 아까 객체를 다시 만들어 보자.

obj = { 0: 'a', 1:'b', length:2, splice: function() {}};

>>
["a", "b"]


결론

다소 뻘짓이고 별 쓰잘때기도
없다.



참고
싸이트

댓글

댓글 쓰기

이 블로그의 인기 게시물

javascript ===, ==, >=, <=연산자

=== 연산자가 두 값이 일치하는지 아닌지 판단하는 데에는 다음과 같은 규칙들을 따른다. 두 값의 타입이 다르다면 두 값은 일치하지 않는다. 두 값이 모두 숫자이고 값이 같다면 두 값은 일치한다. 단, 적어도 하나의 값이 NaN일 경우 두 값은 일치하지 않는다. NaN값은 어느 값과도 일치하지 않는다. 어떤값이 NaN인지 확인하려면 전역 함수인 isNaN()을 사용하라. 두 값이 모두 문자열이고 같은 위치에 정확히 같은 문자들을 갖고 있다면 두 값이 일치한다. 만일 문자열의 길이나 내용이 다른 경우 두 값은 일치하지 않는다. 몇몇 경우 Unicode 표준에서 한 문자열을 인코딩 하는 방법이 두 가지 이상일 수 있음을 유의하라. 하지만 자바스크립트에서 효율성을 위해 엄격히 문자 대 문자 비교의 원칙으로 문자열을 비교하며, 모든 문자열은 비교되기 이전에 '정규 형식'으로 변환되어 있다고 가정한다. 두 값이 모두 불리언 값 true인 경우, 또는 두 값이 모두 불리언 값 false인 경우, 두 값은 일치한다. 두 값이 같은 객체, 배열 또는 함수를 참조할 경우 두 값이 일치한다. 만일 두 값이 서로 별개의 객체를 참조할 경우 두 값은 일치하지 않는다. 설사 두 객체의 프로퍼티가 일치하거나 두 배열의 원소가 일치한다고 하더라고 마찬가지다. 두 값이 모두 null일 경우, 또는 두 값이 모두 undefined일 경우, 두 값은 일치한다. == 연산자가 두 값이 동등한지 아닌지 판단하는 데에는 다음의 규칙들을 따른다. 두 값의 타입이 같은 경우 두 값이 일치하는지 테스트 한다. 두 값이 일치할 경우 그 둘은 동등하다. 두 값이 일치하지 않는 경우 동등하지 않다. 두 값의 타입이 다른 경우라 할지라도 동등할 여지가 있다. 동등함을 확인하는 과정에는 다음 규칙과 타입 변환이 사용된다. 두 값 중에 하나가 null이고 다른 하나가 undefined라면 두 값은 동등하다. 한 값이 숫자이고 다른 하나는문자열이면, 문자열을 숫자로 변환한 ...
자세한 내용 보기

SQL oracle 내장함수[문자열 처리]

CONCAT(char1, char2) 두 문자를 결합 CONCAT('ORACLE','Server') -> ORACLEServer   INITCAP(char) 주어진 문자열의 첫 번째 문자를 대문자로 변환 INITCAP('ORACLE SERVER') -> Oracle Server   LOWER(char) 문자열을 소문자로 변환 LOWER('ORACLE SERVER') -> oracle server   UPPER(char) 문자열을 대문자로 변환 UPPER('oracle server') -> ORACLE SERVER   LPAD(char1,n[,char2]) 왼쪽에 문자열을 끼어 놓는 역할 LPAD('홍길동',10,'*') -> ****홍길동   RPAD(char1,n[,char2]) 오른쪽에 문자열을 끼어 놓는 역할 RPAD('홍길동',10','*') -> 홍길동****   SUBSTR(char, m ,[n]) m번째 자리부터 길이가 n개인 문자열을 반환 SUBSTR('강남구 역삼동',5,2) -> 역삼   LENGTH(char1) 문자열의 길이를 리턴 LENGTH('홍길동') -> 3   REPLACE(char1, str1, str2) 특정 문자를 다른 문자로 치환   INSTR 문자열이 포함되어 있는지를 조사하여 문자열의 위치를 반환한다. 지정된 문자열이 발견되지 않으면 0을 반환한다.   TRIM 특정한 문자 제거 제러할 문자를 입력하지 않으면 기본적으로 공백 제거   CONVERT CHAR SET을 변환한다. LTRIM(char1,char2), RTRIM(char1,char2) char1에서 왼쪽(오른쪽)에서 부터 더 이상 문자값2를 만나지 않을 때까지 지운다. CHR ASCII 코드 값을 ...
자세한 내용 보기

java 입출력2

FileInputStream FileInputStream(File file) - File 객체를 이용해서 FileInputStream 객체를 새성한다. FileInputStream(FileDescriptor fdObj)  - FileDescriptor 객체를 이용해서 FileInputStream 객체를 생성한다. FileInputStream(String name) - 파일 이름을 이용해서 FileInputStream 객체를 생성한다. void close() - 스트림을 닫는다. int read() - 한 바이트를 읽어서 리턴한다. int read(byte[] b, int off, int len) - len개의 바이트를 읽어서 배열 b[off]에서부터 저장한다. 리턴 값은 읽은 바이트 수이다. int read(byte[] b) - 배열의 크기만큼의 바이트를 읽는다. 리턴 값은 읽은 바이트 수이다. FileOutputStream FileOutputSteam(File file) - File 객체를 이용해서 FileOutputStream객체를 생성한다. FileOutputStream(FileDescriptor fdObj) - FileDescriptor 객체를 이용해서 FileOutputStream 객체를 생성한다. FileOutputStream(Stringn name, boolean append) - 파일 이름을 이용해서 FileOutputStream 객체를 생성한다. 생성된 객체는 append값에 따라 기존 파일에 내용을 추가할 것인지, 아닌지를 결정한다. append가 false 이면 기존 내용은 삭제하고 새로운 내용이 기록된다. FileOutputStream(String name) - 디폴트로 append가 false인 FileOutputStream 객체를 생성한다. void close() - 스트림을 닫는다. void write(byte[] b, int off, int len) - 배열 b[off]에서부터 len개의 바이트를 출력한다. void writ...
자세한 내용 보기