Javascipt數組

来源:https://www.cnblogs.com/CcPz/archive/2018/01/07/8231018.html
-Advertisement-
Play Games

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-
Play Games
更多相關文章
  • 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的次數問題，今天也百度了很久，問了一些人，但是都還是沒弄懂，想了想就算了吧，要 ...
  • 如何定製博客園的個人空間
    寫在前面 其實網路上已經有許多關於如何美化博客園個人站點的文章，而我卻忍不住總是想寫點什麼。主要是因為我之前在如何選擇和美化博客園個人站點這個問題上走了許多彎路，一開始徘徊於如何選擇一個好看的模板，後來又在調整模板樣式上總覺得不盡如意。直到有一天，我看見了一片博客園的文章，頓時覺得其版權大氣而簡潔， ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類