먼저 질문을 드리겠습니다. 그림과 같이 성장 속도 표시 규정은 다음과 같다고 가정합니다. 성장률 5는 화살표 1개를 표시합니다. >성장률 10은 화살표 2개를 표시합니다. 성장률 12는 화살표 3개를 표시합니다. 성장률 15는 화살표 4개를 표시합니다. 코드로 어떻게 구현하나요?
case 5: add_level = 1 ; break; case 10: add_level = 2; case 12: add_level = 3; case 15: add_level = 4; ; default : add_level = 0; break;
} 요구사항이 다음과 같이 변경된 경우: 성장률이 12보다 크며 화살표가 4개 표시됩니다. 성장률은 >10입니다. 3개의 화살표가 표시됩니다. 성장률이 5보다 크면 화살표가 2개 표시됩니다. 성장률이 0보다 크면 화살표가 1개 표시됩니다. 성장률은 그렇다면 스위치로 구현하는 것은 매우 번거로울 것입니다.
그렇다면 단 한줄의 코드로 구현하는 것을 생각해보신 적 있으신가요? 자, js의 강력한 표현력을 살펴보겠습니다. Js 코드
var Wrap = // 옵션 또는 optgroup !tags.indexOf(" [ 1, "< ;다중 선택 ='다중'>", "" ] ||
!tags.indexOf(" [ 1, "" ] ||
tagged.match(/^ [ 1, "
" ] ||
!tags.indexOf("
[ 2, "
", "< ;/tbody> ;
" ] ||
// 는 위에서 일치 (!tags.indexOf("
[ 3, "
", "
" ] ||
!tags.indexOf("
[ 2, "
", "
" ] ||
// IE는 및 <script> 태그를 정상적으로 직렬화할 수 없습니다. <BR> !jQuery.support.htmlSerialize && <BR> [ 1, "div< div>" , "" ] || <br><br> [ 0, "", "" ]; <br><br> // HTML로 이동한 다음 그 뒤로 추가 래퍼를 벗겨냅니다. <BR> div .innerHTML = Wrap[1] elem Wrap[2]; <br><br> // 오른쪽 깊이로 이동 <BR> while ( Wrap[0]-- ) <BR> div = div.lastChild; <BR> <br><br>이 코드는 작성자가 $(html)을 처리하는 데 사용됩니다. <option>은 <select> 내에 있어야 합니다. <BR>아마도 작성자가 !tags.indexOf("<opt")라는 또 다른 매우 기발한 기능을 가지고 있다는 사실을 발견하셨을 것입니다. 작성자는 중복되는 코드 없이 매우 간단하게 startWith 함수를 구현했습니다. jquery 소스 코드에는 누구나 배울 수 있는 정교한 코드가 많이 있습니다.</script>
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.