mozilla

리비전 비교

Array Object

Change Revisions

리비전 192708:

리비전 192708 Wafe

리비전 192709:

리비전 192709 Wafe

제목:
Array Object
Array Object
슬러그:
Core_JavaScript_1.5_Guide/Predefined_Core_Objects/Array_Object
Core_JavaScript_1.5_Guide/Predefined_Core_Objects/Array_Object
내용:

리비전 (192708):
리비전 (192709):
n7    <h3 name="Array_.EA.B0.9C.EC.B2.B4">n7    <h3 id="Array_.EA.B0.9C.EC.B2.B4" name="Array_.EA.B0.9C.EC.B2
 >.B4">
n11      JavaScript does not have an explicit array data type. Howevn11      JavaScript에는 명시적인 배열 자료형이 없습니다. 하지만 배열을 다루기 위해서 <code>Array
>er, you can use the predefined <code>Array</code> object and its ></code> 개체와 그 개체의 메소드를 이용할 수 있습니다. <code>Array</code> 개체에는 다양한 방법
>methods to work with arrays in your applications. The <code>Array>으로 배열을 다루기 위한 메소드들이 있는데, 배열을 합치거나, 순서를 뒤집거나, 정렬하는 등의 작업을 할 수 있습니다
></code> object has methods for manipulating arrays in various way>. 배열 길이를 알 수 있는 속성과 정규 표현식에 사용할 수 있는 속성들이 있습니다. <i>배열</i>은 이름이나 색
>s, such as joining, reversing, and sorting them. It has a propert>인으로 참조할 수 있는 값들을 모아놓은, 값의 순서가 유지되는 집합입니다. 예를 들어, 우리는 고용 번호로 색인된 고
>y for determining the array length and other properties for use w>용인의 이름을 담고 있는 <code>emp</code>라는 배열을 만들 수 있습니다. 이 때 <code>emp{{ m
>ith regular expressions.>ediawiki.external("1") }}</code>는 1번 고용인, <code>emp{{ mediawiki.e
 >xternal("2") }}</code> 2번 고용인이 되는 것입니다.
12    </p>
13    <p>
14      An <i>array</i> is an ordered set of values that you refer 
>to with a name and an index. For example, you could have an array 
> called <code>emp</code> that contains employees' names indexed b 
>y their employee number. So <code>emp{{mediawiki.external(1)}}</c 
>ode> would be employee number one, <code>emp{{mediawiki.external( 
>2)}}</code> employee number two, and so on. 
n19    <h4 name="Creating_an_Array">n16    <h4 id=".EB.B0.B0.EC.97.B4_.EB.A7.8C.EB.93.A4.EA.B8.B0" name=
 >".EB.B0.B0.EC.97.B4_.EB.A7.8C.EB.93.A4.EA.B8.B0">
20      Creating an Array17      배열 만들기
21    </h4>
22    <p>18    </h4>
23      To create an <code>Array</code> object:19    <p>
20      <code>Array</code> 개체는 이렇게 만들 수 있습니다.
n30      <code>arrayObjectName</code> is either the name of a new obn27      <code>arrayObjectName</code>은 새 개체의 이름이거나 존재하는 다른 개체의 속성 이름
>ject or a property of an existing object. When using <code>Array<>입니다. <code>Array</code> 개체의 속성이나 메소드를 이용할 때는 arrayObjectName은 존재하
>/code> properties and methods, arrayObjectName is either the name>는 <code>Array</code> 개체 이름이거나 존재하는 다른 개체의 속성입니다.
> of an existing <code>Array</code> object or a property of an exi 
>sting object. 
31    </p>
32    <p>28    </p>
33      <code>element0, element1, ..., elementN</code> is a list of
> values for the array's elements. When this form is specified, th 
>e array is initialized with the specified values as its elements, 
> and the array's length property is set to the number of argument 
>s. 
34    </p>29    <p>
30      <code>element0, element1, ..., elementN</code>는 배열의 원소(elem
 >ent)가 될 값들입니다. 이런 식으로 지정하면, 나열한 값들을 원소로 가지고, 길이는 값의 개수인 배열이 만들어집니
 >다.
35    <p>31    </p>
36      <code>arrayLength</code> is the initial length of the array32    <p>
>. The following code creates an array of five elements: 
33      <code>arrayLength</code>는 배열의 초기 길이입니다. 다음 코드는 원소 다섯 개를 가지는
 > 배열을 만듭니다.
n42      Array literals are also <code>Array</code> objects; for exan39      배열 상수값 또한 <code>Array</code> 개체입니다. 예를 들어, 다음과 같은 상수값은 <cod
>mple, the following literal is an <code>Array</code> object. See >e>Array</code> 개체입니다. 배열 상수값에 대한 자세한 내용은 <a href="ko/Core_JavaScr
><a href="ko/Core_JavaScript_1.5_Guide/Literals#Array_Literals">Ar>ipt_1.5_Guide/Literals#.EB.B0.B0.EC.97.B4_.EC.83.81.EC.88.98.EA.B
>ray Literals</a> for details on array literals.>0.92">배열 상수값</a>을 보시기 바랍니다.
n47    <h4 name="Populating_an_Array">n44    <h4 id=".EB.B0.B0.EC.97.B4.EC.97.90_.EC.9B.90.EC.86.8C_.EB.84
 >.A3.EA.B8.B0" name=".EB.B0.B0.EC.97.B4.EC.97.90_.EC.9B.90.EC.86.8
 >C_.EB.84.A3.EA.B8.B0">
48      Populating an Array45      배열에 원소 넣기
49    </h4>
50    <p>46    </h4>
51      You can populate an array by assigning values to its elemen47    <p>
>ts. For example, 
48      원소에 값을 할당함으로써 배열에 값을 넣을 수 있습니다.
n59      You can also populate an array when you create it:n56      배열을 만들 때 값을 넣을 수도 있습니다.
n64    <h4 name="Referring_to_Array_Elements">n61    <h4 id=".EB.B0.B0.EC.97.B4_.EC.9B.90.EC.86.8C_.EC.B0.B8.EC.A1
 >.B0.ED.95.98.EA.B8.B0" name=".EB.B0.B0.EC.97.B4_.EC.9B.90.EC.86.8
 >C_.EC.B0.B8.EC.A1.B0.ED.95.98.EA.B8.B0">
65      Referring to Array Elements62      배열 원소 참조하기
66    </h4>
67    <p>63    </h4>
68      You refer to an array's elements by using the element's ord64    <p>
>inal number. For example, suppose you define the following array: 
65      배열 원소의 순서를 나타내는 숫자로 원소를 참조할 수 있습니다. 예를 들어 다음과 같은 배열을 만들었다고 
 >해봅시다.
n74      You then refer to the first element of the array as <code>mn71      그러면 첫 번째 원소는 <code>myArray{{ mediawiki.external("0") }}</co
>yArray{{mediawiki.external(0)}}</code> and the second element of >de>으로 참조할 수 있고, 두 번째 원소는 <code>myArray{{ mediawiki.external("1") 
>the array as <code>myArray{{mediawiki.external(1)}}</code>.>}}</code>로 참조할 수 있습니다.
75    </p>
76    <p>72    </p>
77      The index of the elements begins with zero (0), but the len73    <p>
>gth of array (for example, <code>myArray.length</code>) reflects  
>the number of elements in the array. 
74      원소의 색인은 영(0)부터 시작하지만 배열 길이(예를 들면 <code>myArray.length</code
 >>)는 배열의 원소 개수를 나타냅니다.
n82    <h4 name="Array_Methods">n79    <h4 id="Array_.EA.B0.9C.EC.B2.B4.EC.9D.98_.EB.A9.94.EC.86.8C.
 >EB.93.9C" name="Array_.EA.B0.9C.EC.B2.B4.EC.9D.98_.EB.A9.94.EC.86
 >.8C.EB.93.9C">
83      Array Methods80      Array 개체의 메소드
84    </h4>
85    <p>81    </h4>
86      The <code>Array</code> object has the following methods:
87    </p>82    <p>
83      <code>Array</code> 개체는 다음과 같은 메소드들을 가지고 있습니다.
88    <ul>84    </p>
89      <li>85    <ul>
90        <code>concat</code> joins two arrays and returns a new ar
>ray. 
91      </li>86      <li>
87        <code>concat</code> 메소드는 두 배열을 합쳐서 새 배열 하나를 반환합니다.
92    </ul>88      </li>
93    <pre class="eval">89    </ul>
90    <pre>
94   myArray = new Array("1","2","3")91myArray = new Array("1","2","3")
95   myArray = myArray.concat("a", "b", "c"); // myArray is now ["192myArray = myArray.concat("a", "b", "c"); // myArray ["1", "2", "
>", "2", "3", "a", "b", "c"]>3", "a", "b", "c"]이 되었습니다.
n97    <ul>n
98      <li>94    <ul>
99        <code>join(deliminator = ",")</code> joins all elements o
>f an array into a string. 
100      </li>95      <li>
96        <code>join(deliminator = ",")</code> 메소드는 배열의 모든 원소를 문자열로
 > 바꿔서 하나의 문자열을 만들어줍니다.
101    </ul>97      </li>
102    <pre class="eval">98    </ul>
99    <pre>
103   myArray = new Array("Wind","Rain","Fire")100myArray = new Array("Wind","Rain","Fire")
104   list = myArray.join(" - "); // list is "Wind - Rain - Fire"101list = myArray.join(" - "); // list "Wind - Rain - Fire"입니다.
n106    <ul>n
107      <li>103    <ul>
108        <code>pop</code> removes the last element from an array a
>nd returns that element. 
109      </li>104      <li>
105        <code>pop</code> 메소드는 배열의 마지막 원소를 배열에서 제거하고 그 원소를 반환합니다.
110    </ul>106      </li>
111    <pre class="eval">107    </ul>
108    <pre>
112   myArray = new Array("1", "2", "3");109myArray = new Array("1", "2", "3");
113   last=myArray.pop(); // MyArray is now ["1", "2"], last = "3"110last=myArray.pop(); // MyArray ["1", "2"], last = "3"이 되었습니다.
n115    <ul>n
116      <li>112    <ul>
117        <code>push</code> adds one or more elements to the end of
> an array and returns that last element added. 
118      </li>113      <li>
119    </ul>114        <code>push</code> 메소드는 하나 또는 그 이상의 원소를 배열 끝에 추가하고, 추가된 마지
 >막 원소를 반환합니다.
120    <pre class="eval">
121   myArray = new Array("1", "2");
122   myArray.push("3"); // MyArray is now ["1", "2", "3"]
123</pre>
124    <ul>
125      <li>115      </li>
126        <code>reverse</code> transposes the elements of an array:116    </ul>
> the first array element becomes the last and the last becomes th 
>e first. 
117    <pre>
118myArray = new Array("1", "2");
119myArray.push("3"); // MyArray는 ["1", "2", "3"]이 되었습니다.
120</pre>
121    <ul>
127      </li>122      <li>
123        <code>reverse</code> 메소드는 원소의 순서를 뒤집어서 첫 번째 원소가 마지막 원소가 되
 >고, 마지막 원소가 첫 번째 원소가 되도록 합니다.
128    </ul>124      </li>
129    <pre class="eval">125    </ul>
126    <pre>
130   myArray = new Array ("1", "2", "3");127myArray = new Array ("1", "2", "3");
131   myArray.reverse(); // transposes the array so that myArray = [128myArray.reverse(); // myArray = [ "3", "2", "1" ]이 되었습니다.
> "3", "2", "1" ] 
n133    <ul>n
134      <li>130    <ul>
135        <code>shift</code> removes the first element from an arra
>y and returns that element 
136      </li>131      <li>
132        <code>shift</code> 메소드는 첫 번째 요소를 배열에서 제거하고, 그 원소를 반환합니다.
137    </ul>133      </li>
138    <pre class="eval">134    </ul>
135    <pre>
139   myArray = new Array ("1", "2", "3");136myArray = new Array ("1", "2", "3");
140   first=myArray.shift(); // MyArray is now ["2", "3"], first is 137first=myArray.shift(); // MyArray ["2", "3"], first "1"이 되었습니다.
>"1" 
n142    <ul>n
143      <li>139    <ul>
144        <code>slice (start_index, upto_index)</code> extracts a s
>ection of an array and returns a new array. 
145      </li>140      <li>
141        <code>slice (start_index, upto_index)</code> 메소드는 배열의 일부분
 >을 추출하여 새 배열을 반환합니다.
146    </ul>142      </li>
147    <pre class="eval">143    </ul>
144    <pre>
148   myArray = new Array ("a", "b", "c", "d", "e");145myArray = new Array ("a", "b", "c", "d", "e");
149   myArray = myArray.slice(1,4); //starts at index 1 and extracts146myArray = myArray.slice(1,4); //색인 1부터 색인 4 바로 앞까지의 원소를 추출해서 [ "b
> all elements until index 4, returning [ "b", "c", "d" ]>", "c", "d" ]를 반환합니다.
n151    <ul>n
152      <li>148    <ul>
153        <code>splice(index, count_to_remove, addelement1, addelem
>ent2, ...)</code> adds and/or removes elements from an array. 
154      </li>149      <li>
150        <code>splice(index, count_to_remove, addelement1, addelem
 >ent2, ...)</code> 메소드는 배열에 원소를 추가하거나 배열에서 원소를 제거합니다.
155    </ul>151      </li>
156    <pre class="eval">152    </ul>
153    <pre>
157   myArray = new Array ("1", "2", "3", "4", "5");154myArray = new Array ("1", "2", "3", "4", "5");
158   myArray.splice(1,3,"a","b","c", "d"); // MyArray is now ["1", 155myArray.splice(1,3,"a","b","c", "d"); // MyArray ["1", "a", "b",
>"a", "b", "c", "d", "5"]> "c", "d", "5"]가 되었습니다.
159   // this code started at index one (or where the "2" was), remo156// 이 코드는 색인 1(즉 "2")부터 원소 세 개를 제거하고, 그 자리에 원소를 추가합니다.
>ved 3 elements there, and then inserted all consecutive elements  
>in its place 
n161    <ul>n
162      <li>158    <ul>
163        <code>sort</code> sorts the elements of an array.
164      </li>159      <li>
160        <code>sort</code> 메소드는 원소를 정렬합니다.
165    </ul>161      </li>
166    <pre class="eval">162    </ul>
163    <pre>
167   myArray = new Array("Wind","Rain","Fire")164myArray = new Array("Wind","Rain","Fire")
168   myArray.sort(); // sorts the array so that myArrray = [ "Fire"165myArray.sort(); // 배열을 정렬했으므로 myArrray = [ "Fire", "Rain", "Wind"
>, "Rain", "Wind" ]> ]가 되었습니다.
n170    <p>n
171      <code>sort</code> can also take a callback function to dete
>rmine how array content is sorted. The function compares two valu 
>es and returns one of three values: 
172    </p>167    <p>
168      <code>sort</code> 메소드에 배열을 어떻게 정렬할지 결정하는 콜백 함수를 전해줄 수 있습니다.
 > 그 함수는 두 값을 비교해서 다음 셋 중 하나를 반환해야 합니다.
173    <ul>169    </p>
174      <li>if a is less than b by the sorting system, return -1 (o
>r any negative number) 
175      </li>
176      <li>if a is greater than b by the sorting system, return 1 
>(or any positive number) 
177      </li>
178      <li>if a and b is considered equivalent, return 0.
179      </li>
180    </ul>170    <ul>
171      <li>정렬할 때 a가 b보다 작다면 -1(또는 임의의 음수)를 반환
172      </li>
173      <li>정렬할 때 a가 b보다 크다면 1(또는 임의의 양수)를 반환
174      </li>
175      <li>a와 b가 같으면 0을 반환
176      </li>
181    <p>177    </ul>
182      For, instance, the following will support by the last lette
>r of an array: 
183    </p>178    <p>
184    <pre class="eval">179      예를 들어 다음 코드는 원소의 마지막 글자를 기준으로 배열을 정렬합니다.
180    </p>
181    <pre>
185   var sortFn = function(a,b){182var sortFn = function(a,b){
186       if (a[a.length - 1] &lt; b[b.length - 1]) return -1;183    if (a[a.length - 1] &lt; b[b.length - 1]) return -1;
187       if (a[a.length - 1] &gt; b[b.length - 1]) return 1;184    if (a[a.length - 1] &gt; b[b.length - 1]) return 1;
188       if (a[a.length - 1] == b[b.length - 1]) return 0;185    if (a[a.length - 1] == b[b.length - 1]) return 0;
189       }186    }
190   myArray.sort(sortFn); // sorts the array so that myArray = ["W187myArray.sort(sortFn); // 배열을 정렬했으므로 myArray = ["Wind","Fire","Rai
>ind","Fire","Rain"]>n"]가 되었습니다.
n192    <ul>n
193      <li>189    <ul>
194        <code>unshift</code> adds one or more elements to the fro
>nt of an array and returns the new length of the array. 
195      </li>190      <li>
191        <code>unshift</code> 메소드는 하나 또는 그 이상의 원소를 배열 앞에 추가하고 배열의 
 >새 길이를 반환합니다.
196    </ul>192      </li>
197    <h4 name="Two-Dimensional_Arrays">
198      Two-Dimensional Arrays
199    </h4>193    </ul>
194    <h4 id="2.EC.B0.A8.EC.9B.90_.EB.B0.B0.EC.97.B4" name="2.EC.B0
 >.A8.EC.9B.90_.EB.B0.B0.EC.97.B4">
195      2차원 배열
200    <p>196    </h4>
201      The following code creates a two-dimensional array.197    <p>
198      다음 코드는 2차원 배열을 만듭니다.
n213      This example creates an array with the following rows:n210      바로 위 코드는 이런 배열을 만들어냅니다.
t221    <h4 name="Arrays_and_Regular_Expressions">t218    <h4 id=".EB.B0.B0.EC.97.B4.EA.B3.BC_.EC.A0.95.EA.B7.9C_.ED.91
 >.9C.ED.98.84.EC.8B.9D" name=".EB.B0.B0.EC.97.B4.EA.B3.BC_.EC.A0.9
 >5.EA.B7.9C_.ED.91.9C.ED.98.84.EC.8B.9D">
222      Arrays and Regular Expressions219      배열과 정규 표현식
223    </h4>
224    <p>220    </h4>
225      When an array is the result of a match between a regular ex
>pression and a string, the array returns properties and elements  
>that provide information about the match. An array is the return  
>value of <code>RegExp.exec</code>, <code>String.match</code>, and 
> <code>String.split</code>. For information on using arrays with  
>regular expressions, see Chapter 4, <a href="ko/Core_JavaScript_1 
>.5_Guide#Regular_Expressions">Regular Expressions</a>. 
226    </p>221    <p>
222      배열이 정규 표현식과 문자열을 매치한 결과로 생성되었을 때, 그 배열은 매치에 대한 정보를 제공하는 속성과
 > 원소를 포함하고 있습니다. <code>RegExp.exec</code>, <code>String.match</cod
 >e>, <code>String.split</code>의 반환 값은 배열입니다. 정규 표현식과 관련된 배열 사용에 대한
 > 정보를 얻으려면 4장 <a href="ko/Core_JavaScript_1.5_Guide#.EC.A0.95.EA.B
 >7.9C_.ED.91.9C.ED.98.84.EC.8B.9D">정규 표현식</a>을 보십시오.
227    <p>223    </p>
224    <p>
228      {{template.PreviousNext("Core_JavaScript_1.5_Guide:Predefin225      {{ PreviousNext("Core_JavaScript_1.5_Guide:Predefined_Core_
>ed_Core_Objects", "Core_JavaScript_1.5_Guide:Predefined_Core_Obje>Objects", "Core_JavaScript_1.5_Guide:Predefined_Core_Objects:Bool
>cts:Boolean_Object")}}>ean_Object") }}
229    </p>{{ wiki.languages( { "en": "en/Core_JavaScript_1.5_Guide/226    </p>{{ languages( { "en": "en/Core_JavaScript_1.5_Guide/Prede
>Predefined_Core_Objects/Array_Object", "fr": "fr/Guide_JavaScript>fined_Core_Objects/Array_Object", "fr": "fr/Guide_JavaScript_1.5/
>_1.5/Objets_pr\u00e9d\u00e9finis/L\'objet_Array", "ja": "ja/Core_>Objets_pr\u00e9d\u00e9finis/L\'objet_Array", "ja": "ja/Core_JavaS
>JavaScript_1.5_Guide/Predefined_Core_Objects/Array_Object", "pl":>cript_1.5_Guide/Predefined_Core_Objects/Array_Object", "pl": "pl/
> "pl/Przewodnik_po_j\u0119zyku_JavaScript_1.5/Obiekty_predefiniow>Przewodnik_po_j\u0119zyku_JavaScript_1.5/Obiekty_predefiniowane/O
>ane/Obiekt_Array" } ) }}>biekt_Array" } ) }}

이력으로 돌아가기