IE7 과 IE8 의 차이~ 자바스크립트 배열 처리

다음 코드는 IE8 에서는 정상 처리되고 IE7 에서는 오류(문법 오류)가 납니다.

<br/> var array = [{<br/> name: 'vicki',<br/> age: 28<br/>},{<br/> name: 'thdrhkdcjd',<br/> age: 28<br/>},{<br/> name: 'minorstar',<br/> age: 26<br/>},{<br/> name: 'sjkson100',<br/> age: 25<br/>},{<br/> name: 'laziest',<br/> age: 25<br/>},{<br/> name: 'pig894',<br/> age: 21<br/>},];<br/>

왜 그럴까요?

IE8 에서는 쉼표 뒤를 null 오브젝트로 인식해서 총 7개의 요소를 가지고 있는 배열로 인식합니다.



IE7, IE8 두 브라우저에서 모두 오류없이 사용하려면 아래처럼 마지막에 쉼표가 없어야 합니다.

<br/> var array = [{<br/> name: 'vicki',<br/> age: 28<br/>},{<br/> name: 'thdrhkdcjd',<br/> age: 28<br/>},{<br/> name: 'minorstar',<br/> age: 26<br/>},{<br/> name: 'sjkson100',<br/> age: 25<br/>},{<br/> name: 'laziest',<br/> age: 25<br/>},{<br/> name: 'pig894',<br/> age: 21<br/>}];<br/>


원래 의도한 대로 6개의 요소만 배열에 담아야 한다면 마지막에 쉼표가 없는 것이 옳습니다.

IE8 이 너무 친절하셔서 오류까지 먹어버리시네요... 이럼 곤란한대...

개발할 때는 호환성 모드로 항상 테스트를 해야 한다는 거...

IE8 에서 테스트 하면 놓치는 부분이 생기기 마련입니다.