코드쓰는사람

1. 자바스크립트 쿡북

   독자로부터 받은 질문입니다.
   -------------------------------------------
   안녕하세요
   답변 감사드립니다.

   말씀하신대로 전역 플래그를 빼고 실행시켜보니 무한루프에 빠지는 걸 확인했습니다.
   감사합니다.

   정규 표현식의 결과에 대해서는 아직도 의문이 많아 추가 질문드리고자 합니다.

   1. 정규 표현식 결과의 input이나 index같은 property는 어디서 나오는지 의문입니다. 그 속성들은 배열과는 상관없는 속성 아닌지요?

   2. 해당 예제를 테스트해보면 length가 늘 1입니다. length가 1인 배열을 반환할거라면 배열을 반환하는 이유를 이해하기 어렵습니다.

   3. exec 메소드의 결과물이 aaa라면 aaa[0], aaa[1] 이런 식으로 접근해야 배열의 값을 가져올수 있다고 저는 생각하는데 그냥 aaa를 찍어도 aaa[0]의 값과 동일한 결과를 보여줍니다.

   제가 자바스크립트의 배열을 잘못 알고 있어서 그런 건지는 모르지만 참 이해하기 어렵습니다. 그래서 정규표현식의 결과물은 배열이 아니라 특정한 객체가 아닌가 하는 의문이 드는 겁니다.

   자꾸 번거롭게 해서 죄송합니다.

   제가 테스트한 소스입니다.

   function aaa() {
   var searchString = "Now is the time and this is the time and that is the time";
   var pattern = /tw*e/g;
   var matchArray;

   var str = "";
   while( (matchArray = pattern.exec(searchString)) != null)
   {
   alert(typeof matchArray);
   alert(matchArray.input);
   alert(matchArray.length);
   alert(matchArray[0]);
   alert(matchArray[1]); // undefined
   alert(matchArray);

   str += "at " + matchArray.index + " we found " + matchArray + ".";
   }

   alert(str);
   }

   window.onload = aaa();

   Reply

   1. 1. 기본 배열 속성은 아니지만, 아마도 exec 메소드 안에서 배열 객체에 추가한 속성인 듯 합니다. 언어와 상관없이 대부분의 정규표현식 사용법에는 index와 length 등을 구하는 방법이 있는데, 자바스크립트에서는 이런 방법을 사용했을 뿐입니다.

      자바스크립트는 자료형 대부분이 객체입니다. 심지어 원시 타입인 숫자와 부울값, 문자열 등도 이에 해당하는 객체가 있습니다. 그리고 이 객체는 상당히 유연해서 객체에 새로운 메소드나 속성을 추가하거나 혹은 기존의 메소드와 속성을 제거하거나 수정하는 것도 대부분 가능합니다.

      var newArray = new Array();
      newArray['myProperty'] = "myValue";

      위와 같은 코드를 실행한 후에는 newArray.myProperty에 접근하여 이 값을 수정하거나 가져올 수 있다는 뜻입니다.

      2. length가 1일 때는 배열이 아니라 값을 직접 반환하는게 좋지 않냐는 뜻으로 이해했습니다. 하지만 함수의 정의는 가능하다면 통일성 있는 편이 좋습니다. exec 함수에서 반환하는 값이 "배열 또는 문자열 또는 null"인 것 보다는 "배열 또는 null"인 편이 훨씬 단순하고 일관성있는 규칙일 것입니다. 특히 C, C++ 등의 전통적인 언어에서는 배열 대신 null pointer을 반환할 수 있으므로 많은 개발자들에게 후자의 선언은 사실상 한 종류의 자료형으로 인식되곤 합니다.

      3. 이 부분은 배열의 특성을 오해하신 듯 합니다. 대부분의 내장 자바스크립트 객체는 문자열로 자동 변환할 때 호출하는 toString() 메소드가 있습니다. 그래서 문자열이 필요한 상황에서는 이 메소드를 자동으로 호출해 문자열로 변환을 시도합니다.

      alert() 함수에는 '문자열만' 인수로 사용할 수 있습니다. 따라서 인수가 문자열이 아니면 toString() 메소드가 있는지 찾아보고 문자열로 변환을 시도합니다. alert(matchArray)를 통해 화면에 출력한 메시지는 toString() 메소드를 통해 변환된 문자열인 것입니다.

      그런데, 배열의 toString() 메소드는 "내용을 모두 출력하되 내용 사이는 쉼표(,)로 구분하도록" 동작합니다. 배열의 값이 2개였다면 "첫번째,두번째" 이렇게 출력이 되겠지만 값이 1개라면 "첫번째"라고만 출력됩니다. 그렇다고 해서 matchArray의 값이 갑자기 문자열이 되지는 않습니다.

      값이 몇 개이든 matchArray의 자료형은 배열입니다.
      matchArary.toString() === matchArray[0] 인 것을 보고 혼동하시면 안됩니다.

      크롬이나 파이어폭스 브라우저를 사용하시고 alert 대신 console.log를 사용해보는 것도 이런 혼동을 막는데 도움이 될 수 있습니다.

      Reply

      1. 제 질문에 대한 상세한 답변, 대단히 감사합니다.

         Reply

      2. 김경수님//
         도움이 되셨으면 좋겠습니다. 다른 문의사항이 있으면 언제라도 남겨주세요!

         Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.