> 웹 프론트엔드 > JS 튜토리얼 > javascript_javascript 기술의 [] 및 {} 객체 사용 소개

javascript_javascript 기술의 [] 및 {} 객체 사용 소개

WBOY
풀어 주다: 2016-05-16 17:40:08
원래의
1392명이 탐색했습니다.
코드 복사 코드는 다음과 같습니다.

var a=["apple","peach", "banala" ];

위는 배열을 정의하는 또 다른 방법으로
코드 복사 코드는 다음과 같습니다.
var a=new Array()
a.push("apple")
a.push("peach") ;
a.push("banala");


코드 복사 : var b={a:"apple",p:"peach",b:"banala"};

위는 json 객체입니다
앞에 []와 {}라는 두 개의 간결한 특수 기호가 있습니다. 이는 객체 형태입니다. []는 배열을 나타낼 수 있을 뿐만 아니라 해당 속성을 통해 직접 값을 설정하고 액세스할 수도 있습니다. 물체. 예:



코드 복사 코드는 다음과 같습니다. var c=[];
c ["a"]="apple";
c["b"]="banala";


또는


코드 복사 코드는 다음과 같습니다. var c={}
c["a"]="apple"; 🎜>c["b" ]="banala";


기능과 효과는 동일하며 약간의 차이점만 있습니다. 이에 대해서는 나중에 설명하겠습니다.
속성을 통해 직접 접근할 수 있습니다:



코드 복사
에는 "apple"이 표시됩니다.
트래버스하고 싶다면



코드 복사
코드는 다음과 같습니다. < ;PRE class=html name="code">for(var key in c) alert(c[key]);
< /PRE> <div class="codebody" id="code11583"> 모든 속성 값이 표시됩니다. <br><P></P> <br><P> 물론 jquery에는 각 순회가 있으며 다양한 속성과 값에 액세스할 수도 있습니다. 하지만 이는 </P> <br><PRE class=javascript name="code">var c={};
, <br><PRE> &lt ;/PRE> <br><PRE class=html name="code"><PRE class=html name="code">var c=[];
🎜 >말도 안 돼요.


그런 다음


javascript name="code">$.each(c, function(key, val) {
alert(key ":" val);
});
>


객체를 사용하는 것이 배열을 사용하는 것보다 훨씬 빠릅니다. 배열에서 특정 값을 찾는 시간 복잡도는 O(n)입니다. 객체 사용의 시간 복잡도는 O(1)에 불과하므로 대부분의 경우 객체는 값을 저장하는 데 사용됩니다.




> <br><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">
로그인 후 복사
로그인 후 복사
로그인 후 복사
<br><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">
로그인 후 복사
로그인 후 복사
로그인 후 복사

 /PRE> <br><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">
로그인 후 복사
로그인 후 복사
로그인 후 복사
<br><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">
로그인 후 복사
로그인 후 복사
로그인 후 복사

 <br><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">
로그인 후 복사
로그인 후 복사
로그인 후 복사

 
<br><PRE>

로그인 후 복사
관련 라벨:
원천:php.cn
이전 기사:새 창을 열고 닫는 프롬프트 js 코드를 표시하지 않고 현재 페이지를 닫습니다. 다음 기사:jquery를 사용하여 체크박스 작성 - 사서함과 유사하게 모두 선택 function_jquery
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
관련 주제
더>
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿