Javascipt數組

-Advertisement-

Javascipt數組在Javascript中數組的做用是：使用單獨的變數名來儲存一系列的值。數組只有一個屬性，就是length，length表示的數組所占記憶體空間的數目。 1.創建數組創建數組方法1：創建數組方法2： 2.數組合併數組合併方法1：數組合併方法2： 3.把數組合成字元串 ...

Javascipt數組

　　在Javascript中數組的做用是：使用單獨的變數名來儲存一系列的值。

　　數組只有一個屬性，就是length，length表示的數組所占記憶體空間的數目。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array();
10         sz[0] = 'a';
11         sz[1] = 'b';
12         sz[2] = 'c';
13         sz[3] = 'd';
14         sz[4] = 'e';
15         sz.length=2;
16         for (var i=0;i<sz.length;i++){
17             document.write(sz[i]+'<br />');
18         }
19         //在sz.length中雖然定義了他的長度為2但是實際上數組sz中有參數5個，所以說他的長度是5。若在數組最後定義它的長度則在輸出的時候只輸出他最後定義的長度的內容。
20     </script>
21 </body>
22 </html>

1.創建數組

　　創建數組方法1：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array()
10         sz[0] = 'a';
11         sz[1] = 'b';
12         sz[2] = 'c';
13         sz[3] = 'd';
14         sz[4] = 'e';
15         for (var i=0;i<sz.length;i++){
16             document.write(sz[i]+'<br />');
17         }
18     </script>
19 </body>
20 </html>

　　創建數組方法2：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz2 = new Array('a','b','c');
10         for (var i=0;i<sz2.length;i++){
11             document.write(sz2[i]+'<br />');
12         }
13     </script>
14 </body>
15 </html>

2.數組合併

　　數組合併方法1：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var a = new Array(1,2,3);
10         var b = new Array(3,3,3);
11         document.write(a.concat(b));
12     </script>
13 </body>
14 </html>

　　數組合併方法2：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var ac = new Array('a','a','a');
10         var bc = new Array('b','b','b');
11         var cc = ac.concat(bc);
12         document.write(cc+'<br />');
13     </script>
14 </body>
15 </html>

3.把數組合成字元串

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var arr = new Array(1,2,3,666);
10         document.write(arr.join('Qc'));
11         //把數組中的所有元素都轉化為字元串，
12         //.join('') '' 裡面放的東西就是數組的兩個元素間所加的東西
13     </script>
14 </body>
15 </html>

4.文字數字排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var wz = new Array('？','孩','子','你','多','大','了','l');
10         document.write(wz+'<br />');
11         document.write(wz.sort());
12         //文字數組排序，數組中的所有元素輸出，然後按照英文字母順序排列，先拍列英文字母然後排列中文，符號在在最後
13     </script>
14 </body>
15 </html>

5.數字數組排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sz = new Array(2223,11,2225,677,21,5)
10         function sortNumber(a,b){
11             return a - b ;
12         }
13         document.write(sz+'<br />');
14         document.write(sz.sort()+'<br />');
15         document.write(sz.sort(sortNumber));
16         //數字數組排序，數組中所有的元素輸出，然後按照元素第一個數字大小開始排序，若第一位相同然後比較第二位，(不是按照數字的大小來排序的),
17         //若想按照數字大小開始排序則必須的寫一個排序函數才可以實現
18     </script>
19 </body>
20 </html>

6.數字文字數組排序

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sw = new Array(12,23,11,'啊','a');
10         document.write(sw+'<br />');
11         document.write(sw.sort());
12         //數字文字數組排序：先排列數字，然後英文，最後是中文排列
13     </script>
14 </body>
15 </html>

7.刪除數組中的內容並且添加新的元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var sc = new Array(1,2,34,5,6,7,8);
10         document.write(sc+'<br />');
11         //sc.splice(2,3,'刪除了吧');
12         document.write(sc.splice(2));
13         //刪除數組中的內容並且添加新的元素，若.splice寫字輸出前邊則可添加新的元素，第一個數字表示數組中的第幾個元素，第二個數字表示刪除第幾個元素後的幾個元素，後邊添加的內容則替代刪除的元素的位置。
14         //若.splice寫在輸出中則只能刪出數組中的元素不能添加新的內容，第一個參數代表刪除第幾個數字開始顯示，之前的刪除，第二個數字代表保留幾個元素，其他的刪除，若不寫則從第一個元素開始剩下的元素都保留;
15     </script>
16 </body>
17 </html>

8.在數組的前邊或者後邊添加元素

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var qj = new Array('a','b','b','c','c');
10         document.write(qj+'<br />');
11         document.write(qj.unshift('開','頭')+'<br / >');
12         document.write(qj.push('結','尾')+'<br />');
13         document.write(qj);
14         //在數組的前邊或者後邊添加元素。添加時只會顯示數組的長度，可以添加多個元素
15     </script>
16 </body>
17 </html>

9.在數組的前邊或者後邊刪除元素並返回

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6 </head>
 7 <body>
 8     <script>
 9         var qs = new Array('a','b','b','c','d')
10         document.write(qs+'<br />');
11         document.write(qs.shift()+'<br />');
12         document.write(qs+'<br />');
13         document.write(qs.pop()+'<br />');
14         document.write(qs);
15         //刪除數組前邊或者後邊的一個元素，並且輸出，
16     </script>
17 </body>
18 </html>

10.顛倒數組中元素的順序

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

mongoose添加屬性問題

在項目中遇到這樣一個問題。項目地址： https://github.com/ccyinghua/vue-node-mongodb-project/blob/master/07-shoppingCart.md 有一個good商品模型(models/goods.js) 還有一個user用戶模型(mod ...
mycat全局自增

指定自增類型 [root@node002 conf]# vi /usr/local/mycat/conf/server.xml 每個參數代表的含義： 0：本地文件自增方式。 1：使用mysql自增。 2：使用本地時間戳方式自增。（linux時間） 3：zk分散式方式 4：zookeeper自增方式 ...
大數據學習系列之八----- Hadoop、Spark、HBase、Hive搭建環境遇到的錯誤以及解決方法

前言在搭建大數據Hadoop相關的環境時候，遇到很多了很多錯誤。我是個喜歡做筆記的人，這些錯誤基本都記載，並且將解決辦法也寫上了。因此寫成博客，希望能夠幫助那些搭建大數據環境的人解決問題。說明 : 遇到的問題以及相應的解決辦法是對於個人當時的環境，具體因人而異。如果碰到同樣的問題，本博客的方法無 ...
講述Sagit.Framework解決：雙向引用導致的IOS記憶體泄漏（中）- IOS不為人知的Bug

話說昨晚，寫了一篇：講述Sagit.Framework解決：雙向引用導致的IOS記憶體泄漏（上）文章寫到最後時，多了很多莫名奇妙的問題！！！為瞭解決了這些莫名奇妙的問題，我又戰鬥了24小時〜〜〜然後終於解決了問題，原來是IOS的隱藏性Bug，只想恨恨的說一聲fuck~~~ ...
React.createClass和extends Component的區別

createClass本質上是一個工廠函數，extends的方式更加接近最新的ES6規範的class寫法。兩種方式在語法上的差別主要體現在方法的定義和靜態屬性的聲明上。createClass方式的方法定義使用逗號,隔開，因為creatClass本質上是一個函數，傳遞給它的是一個Object；而cla ...
簡單搭建ES6的環境

一、相容情況說到ECMAScript6，順便提一下ECMAScript5,先看一下ES5的相容情況。ES5瀏覽器支持情況： Opera 11.60；Internet Explorer 9*；Firefox 4；Safari 5.1**；Chrome 13* IE9不支持嚴格模式 — IE10 添加 ...
小劉同學的第十五篇博文

【獲得成就-十五篇博文打卡】很開心不知不覺開通博客已經半個月了，雖然中間有兩天斷了，但是好歹沒放棄，一直在堅持，其實最難的事情還是堅持寫博客啊…… 今天狀態其實比昨天好些了，起碼晚上有足夠的時間寫代碼了，昨天那個sort的次數問題，今天也百度了很久，問了一些人，但是都還是沒弄懂，想了想就算了吧，要 ...
如何定製博客園的個人空間

寫在前面其實網路上已經有許多關於如何美化博客園個人站點的文章，而我卻忍不住總是想寫點什麼。主要是因為我之前在如何選擇和美化博客園個人站點這個問題上走了許多彎路，一開始徘徊於如何選擇一個好看的模板，後來又在調整模板樣式上總覺得不盡如意。直到有一天，我看見了一片博客園的文章，頓時覺得其版權大氣而簡潔， ...