>웹 프론트엔드 >JS 튜토리얼 >두 가지 Javascript 해시 객체의 일부 프로그래밍 기술을 요약합니다.javascript 기술

두 가지 Javascript 해시 객체의 일부 프로그래밍 기술을 요약합니다.javascript 기술

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 19:15:011024검색

저는 가장 기본적인 콘텐츠부터 시작하여 전문가가 좀 더 인내심을 갖고 더 깊이 들어가는 것을 좋아합니다.
먼저 가장 간단한 애플리케이션부터 살펴보겠습니다. 아래 코드에서는 각 버튼을 클릭하면 해당 URL이 표시되는 기능을 구현해야 합니다

코드 복사 코드는 다음과 같습니다:



input type="button " value="Blog Park" onclick="javascript:showUrl(this)">
그래서요. showUrl 함수는 어떻게 작성하나요?


이렇습니다. 두 가지 이유로 작성하기가 좋지 않습니다.
1. 작성하기가 너무 길고 번거롭습니다. 조건이 100개라면 100개의 문을 작성하는 것은 어떨까요? 유지 관리가 쉽고 확장이 가능하며 요구 사항이 자주 변경되고 데이터가 데이터베이스에서 나온다면 어떻게 될까요? 변경이 있을 때마다 프로그램의 논리적 구조를 변경해야 합니다.
JavaScript에 경험이 많은 프로그래머는 그렇지 않습니다. 이렇게 작성하고 일반적으로 배열을 사용하여 구현합니다. 2차원 배열일 수도 있고 이중 배열일 수도 있습니다
1. 이중 배열 방식





2차원 배열 방식


코드 복사 코드는 다음과 같습니다.



보셨나요? 이전에 루프를 사용했습니까? 예, 판단 기능을 사용해야 합니다. 이제 코드 한 줄만 필요하며 확장성은 여전히 ​​최고입니다.
JavaScript에 익숙하다면 배열을 특히 좋아할 것입니다. 배열은 실제로 매우 편리하고 널리 사용되는
데이터 구조이기 때문입니다. 한 입 먹으면 그 달콤함을 결코 잊지 못할 것입니다.
데이터 구조로서 많은 상황에서 프로그래밍을 단순화할 수 있으며, 대용량 데이터 앞에서도 배열보다 성능이 훨씬 높습니다. (이 내용은
향후 게시물에서 언급할 예정이니 주의하시기 바랍니다.)
객체로서 JavaScript로 클래스를 구현하고 객체지향 프로그래밍을 시뮬레이션할 수 있습니다.
위 내용은 매우 간단하며 팁으로만 소개한 내용입니다. 관심이 있으신 경우 답변에 지원 ​​경험에 대해 이야기해 주시면 됩니다.
가기 전에 예를 들어보겠습니다. 업로드한 파일이 이미지 파일인지 확인해보세요.

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
주의하시기 바랍니다 이 함수를 구현한 후에는 Python과 같은 컬렉션 객체를 사용할 수 있어 매우 편리하지 않나요?
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:자바스크립트를 사용하여 데이터베이스의 TEXT 유형 데이터를 TEXTAREA_Form 특수 효과에 동적으로 할당합니다.다음 기사:자바스크립트를 사용하여 데이터베이스의 TEXT 유형 데이터를 TEXTAREA_Form 특수 효과에 동적으로 할당합니다.

관련 기사

더보기