'Front-End/jQuery'에 해당되는 글 36건

배열조작하는 함수

해시/객체 병합 - extend()

- extend(target1, target2,....);

1. 구현

var data1 = {id:10, name:'Hee'}; var data2 = {age : 100, married : true}; var data3 = {blood:'B', name: 'Tom'}; $.extend(data1, data2, data3); console.log(data1);

- 중첩일 경우 나중에 것으로 덮어쓴다.

- $.extend({},data1,data2,data3);

- 앞부분에 {} 선언함으로서 data1의 값에 영향을 주지 않고 다시 사용할 수 있다

2. 객체가 중첩된 경우 방법

var data1 = { id:10, name:{ nickname : 'Hee', subname : 'He' } }; var data2 = { name:{ charname :'Tom' } } $.extend(data1, data2); console.log(data1);  

- 중첩으로 인하여 합치고자 하는 데이터가 없어지고 나중에 데이터만 남는다

1) 해결

$.extend(true,data1, data2);  

- 앞에 true 선언하면 다 나온다

문자열의 공백 제거

- trim() 이용한다

- 스페이스, 개행문자, 탭문자 포함

1. 구현

var str = '\n My name is Hee \t'; console.log(str); console.log($.trim(str));

jQuery 임포트 시 CDN 문제 방지

- CDN을 경유하여 소스를 가져올 경우 네트워크 문제시 적용 안될 수 있다

1. 기본적인 방법

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

2. 장애 대응

1) cdn 접속 안됨

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script>window.jQuery || document.write('<script src="jquery-1.11.0.min.js"><\/script>');</script>  

- cdn으로 소스를 못가져 올경우 로컬 환경에 미리 다운로드된 소스를 가져온다

2) http/https 대응

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>  

- http/https 동적으로 변환