js Array操作

来源:http://www.cnblogs.com/fengyongxian/archive/2017/06/15/7016059.html
-Advertisement-
Play Games

JS中數組的操作 1、數組的創建 var arrayObj = new Array(); //創建一個數組 var arrayObj = new Array([size]); //創建一個數組並指定長度,註意不是上限,是長度 var arrayObj = new Array([element0[, ...


JS中數組的操作

1、數組的創建

var arrayObj = new Array(); //創建一個數組

var arrayObj = new Array([size]); //創建一個數組並指定長度,註意不是上限,是長度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 創建一個數組並賦值

    要說明的是,雖然第二種方法創建數組指定了長度,但實際上所有情況下數組都是變長的,也就是說即使指定了長度為5,仍然可以將元素存儲在規定長度以外的,註意:這時長度會隨之改變。

2、數組的元素的訪問

var testGetArrValue=arrayObj[1]; //獲取數組的元素值

arrayObj[1]= "這是新值"; //給數組元素賦予新的值

3、數組元素的添加

arrayObj. push([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組結尾,並返回數組新長度

arrayObj.unshift([item1 [item2 [. . . [itemN ]]]]);// 將一個或多個新元素添加到數組開始,數組中的元素自動後移,返回數組新長度

arrayObj.splice(insertPos,0,[item1[, item2[, . . . [,itemN]]]]);//將一個或多個新元素插入到數組的指定位置,插入位置的元素自動後移,返回""。

4、數組元素的刪除

arrayObj.pop(); //移除最後一個元素並返回該元素值

arrayObj.shift(); //移除最前一個元素並返回該元素值,數組中元素自動前移

arrayObj.splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數量deleteCount的元素,數組形式返回所移除的元素

5、數組的截取和合併

arrayObj.slice(start, [end]); //以數組的形式返回數組的一部分,註意不包括 end 對應的元素,如果省略 end 將複製 start 之後的所有元素

arrayObj.concat([item1[, item2[, . . . [,itemN]]]]); //將多個數組(也可以是字元串,或者是數組和字元串的混合)連接為一個數組,返回連接好的新的數組

6、數組的拷貝

arrayObj.slice(0); //返回數組的拷貝數組,註意是一個新的數組,不是指向

arrayObj.concat(); //返回數組的拷貝數組,註意是一個新的數組,不是指向

7、數組元素的排序

arrayObj.reverse(); //反轉元素(最前的排到最後、最後的排到最前),返回數組地址

arrayObj.sort(); //對數組元素排序,返回數組地址

8、數組元素的字元串化

arrayObj.join(separator); //返回字元串,這個字元串將數組的每一個元素值連接在一起,中間用 separator 隔開。

toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

 

二、數組對象的3個屬性

1、length 屬性

    Length屬性表示數組的長度,即其中元素的個數。因為數組的索引總是由0開始,所以一個數組的上下限分別是:0和length-1。和其他大多數語言不同的是,JavaScript數組的length屬性是可變的,這一點需要特別註意。當length屬性被設置得更大時,整個數組的狀態事實上不會發生變化,僅僅是length屬性變大;當length屬性被設置得比原來小時,則原先數組中索引大於或等於length的元素的值全部被丟失。下麵是演示改變length屬性的例子:

var arr=[12,23,5,3,25,98,76,54,56,76];

//定義了一個包含10個數字的數組

alert(arr.length); //顯示數組的長度10

arr.length=12; //增大數組的長度

alert(arr.length); //顯示數組的長度已經變為12

 

alert(arr[8]); //顯示第9個元素的值,為56

arr.length=5; //將數組的長度減少到5,索引等於或超過5的元素被丟棄

alert(arr[8]); //顯示第9個元素已經變為"undefined"

arr.length=10; //將數組長度恢復為10

alert(arr[8]); //雖然長度被恢復為10,但第9個元素卻無法收回,顯示"undefined"

    由上面的代碼我們可以清楚的看到length屬性的性質。但length對象不僅可以顯式的設置,它也有可能被隱式修改。JavaScript中可以使用一個未聲明過的變數,同樣,也可以使用一個未定義的數組元素(指索引超過或等於length的元素),這時,length屬性的值將被設置為所使用元素索引的值加1。例如下麵的代碼:

var arr=[12,23,5,3,25,98,76,54,56,76];

alert(arr.length);

arr[15]=34;

alert(arr.length);

    代碼中同樣是先定義了一個包含10個數字的數組,通過alert語句可以看出其長度為10。隨後使用了索引為15的元素,將其賦值為15,即arr[15]=34,這時再用alert語句輸出數組的長度,得到的是16。無論如何,對於習慣於強類型編程的開發人員來說,這是一個很令人驚訝的特性。事實上,使用new Array()形式創建的數組,其初始長度就是為0,正是對其中未定義元素的操作,才使數組的長度發生變化。

    由上面的介紹可以看到,length屬性是如此的神奇,利用它可以方便的增加或者減少數組的容量。因此對length屬性的深入瞭解,有助於在開發過程中靈活運用。

2、prototype 屬性

返回對象類型原型的引用。prototype 屬性是 object 共有的。

objectName.prototype

objectName 參數是object對象的名稱。

說明:用 prototype 屬性提供對象的類的一組基本功能。 對象的新實例“繼承”賦予該對象原型的操作。

    對於數組對象,以以下例子說明prototype 屬性的用途。

    給數組對象添加返回數組中最大元素值的方法。要完成這一點,聲明一個函數,將它加入 Array.prototype, 並使用它。

function array_max( )

{

   var i, max = this[0];

   for (i = 1; i < this.length; i++)

   {

   if (max < this[i])

   max = this[i];

   }

   return max;

}

Array.prototype.max = array_max;

var x = new Array(1, 2, 3, 4, 5, 6);

var y = x.max( );

該代碼執行後,y 保存數組 x 中的最大值,或說 6。

3、constructor 屬性

表示創建對象的函數。

object.constructor //object是對象或函數的名稱。

說明:constructor 屬性是所有具有 prototype 的對象的成員。它們包括除 Global 和 Math 對象以外的所有 JScript 固有對象。constructor 屬性保存了對構造特定對象實例的函數的引用。

例如:

x = new String("Hi");

if (x.constructor == String) // 進行處理(條件為真)。

function MyFunc {

// 函數體。

}

y = new MyFunc;

if (y.constructor == MyFunc) // 進行處理(條件為真)。

對於數組來說:

y = new Array();

 


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

-Advertisement-
Play Games
更多相關文章
  • 開發人員使用Jersey和CXF等工具可以方便地編寫java client,從而提供REST或SOAP服務;開發人員也可以基於Apache HC等http傳輸工具包編寫自己的java http client;而Feign的關註點在於簡化開發人員使用工具包的複雜度,以最少的代碼編寫代碼從而提供java... ...
  • 這一章中作者簡要的介紹了python數據模型,主要是python的一些特殊方法。比如__len__, __getitem__. 並用一個紙牌的程式來講解了這些方法 首先介紹下Tuple和nametuple的區別: Nametuple是類似於元組的數據類型。除了能夠用索引來訪問數據,還支持用方便的屬性 ...
  • 成員變數和局部變數的區別: 1.在類中的位置不同 成員變數:在類中,方法外 局部變數:在方法定義中或者方法聲明上 2.在記憶體中的位置不同: 成員變數:在堆記憶體中 局部變數:在棧記憶體中 3.生命周期不同: 成員變數:隨著對象的創建而存在,隨著對象的消失而消失 局部變數:隨著方法的調用而存在,隨著方法的 ...
  • 用通俗易懂、並且儘量短小精悍的正反例,介紹面向對象SOLID原則。大約15分鐘左右可以消化完成。 ...
  • 一、下載Spring的jar包 通過http://repo.spring.io/release/org/springframework/spring/地址下載最新的Spring的zip包,當然,如果你是在使用maven工程的話,可以不用下載Zip包,可以直接在maven工程的pom.xml文件中添加 ...
  • 情境 server可以定時為用戶推送一些資料,現在需要用戶輸入郵箱,經過驗證後將其納入發送列表以便向此郵箱提供服務。 沒什麼新穎的技術,事先也沒有查閱相關資料,只是一些搭建簡易驗證流程的想法。 如果有更靠譜的或者更簡單的也可以comment。 關於驗證流程 郵箱地址有效性驗證 這個問題應該困擾過很多 ...
  • 工廠方法:百度百科的定義: 工廠方法模式(FACTORYMETHOD)是一種常用的對象創建型設計模式,此模式的核心精神是封裝類中不變的部分,提取其中個性化善變的部分為獨立類,通過依賴註入以達到解耦、復用和方便後期維護拓展的目的。它的核心結構有四個角色,分別是抽象工廠;具體工廠;抽象產品;具體產品 U ...
  • eval()的作用 把字元串參數解析成js代碼並運行,並返回執行的結果; eval的作用域 作用域在它所有的範圍內容有效 IE8及以下指向window 解決方法: 註意事項 應該避免使用eval,不安全,非常耗性能(2次,一次解析成js語句,一次執行)。 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...