1. 程式人生 > >js中陣列的定義與使用

js中陣列的定義與使用

        首先,我們來說一下陣列的定義。陣列就是在堆中開闢的一串連續的記憶體空間,並將堆地址存在棧中。

在java 中,陣列的定義為一組相同型別的變數的集合。而在js中,一個數組可以存放任意型別的資料。

建立陣列有兩種型別方式:

1. 使用new欄位

        通過 new 例項化一個數組,又分為3種方式:

         var arr = new Array();//例項化一個空陣列,在記憶體中只佔一個空間

         var arr = new Array(3);//例項化一個空陣列,陣列在記憶體中佔用3個連續的空間

        var arr= new Array(‘n’,’b’,’o’);//例項化一個數組,陣列在記憶體中佔用3個連續的空間,並賦值。

2. 通過字面量

        通過字面量[],又分為2中方式:

        var arr = [];

        var arr =[‘j’,’h’,’g’];

在js中,陣列的長度是可變的,可以通過以下幾個步驟進行擴充

1. 通過陣列下標進行擴充

        例如 var arr=[1,2,3];
                arr[6]=8;
        則陣列的長度便被擴充至7,下標為3,4,5的陣列值為空。我們alert出陣列arr,顯示為 1,2,3, , , ,8
2. 通過陣列長度進行擴充
        我們知道陣列的長度屬性是從1開始,比陣列下標值多1。陣列下標加1則長度也會跟著加
1,所以,陣列擴充的下標就等於陣列的長度值。
        例如var arr=[1,2,3];
 arr.length=3;
          arr[arr.length]=4;
alert(arr);
        我們可以看到輸出的陣列值為1,2,3,4
3. 通過陣列的length屬性進行擴充
        在js中,length屬性具有可讀可寫性,我們可以定義陣列length的值來擴從陣列長度。
        例如:  var arr = [1,2,3];
                    arr.length=5;
                    alert(arr);
        我們可以看到
arr的值為 1,2,3, , ,陣列被新增了兩個空間。

遍歷陣列並輸出的方法
1. 使用for 迴圈
        例  for(var i = 0; i<arr.length;i++){
            alert(arr[i]);
            }
2. 使用for in
          例  for( var i in arr){
    alert(arr[i]);
}
3. 使用陣列名,顯示整個陣列
          例  alert(arr);
刪除陣列元素
        使用函式.splice(index,howmany);

在陣列的頭部活和尾部插入元素
        使用函式 unshift()(頭部)push();(尾部)
        在陣列的頭部和尾部刪除元素
        使用函式 shift() (頭部)pop();(尾部)

js typeof()判斷基礎資料型別,如果用來檢測陣列,則顯示的資料型別為Object;
InstanceOf 用來檢測複雜資料型別的實力,布林型別
instanceOf 用來判斷某個物件是否屬於某種資料型別。
例如:var arrtype =arr instanceOf Array;

相關推薦

js陣列定義使用

        首先,我們來說一下陣列的定義。陣列就是在堆中開闢的一串連續的記憶體空間,並將堆地址存在棧中。在java 中,陣列的定義為一組相同型別的變數的集合。而在js中,一個數組可以存放任意型別的資料。建立陣列有兩種型別方式:1. 使用new欄位        通過 ne

js 使用var省略var 定義變量的區別

不必要 pos pan 定義 就是 body 對象 gpo ole 在js中定義變量的時候,我們習慣了用var,其實省略var也可以用的。 今天總結一下,使用var或省略var 定義變量的區別 1、var 私有變量,只能在當前js使用,或者在當前作用域使用,定義私有變量,

js陣列物件自定義排序

<!DOCTYPE html> <html> <script> var data = [{name:"zachary", age:28}, {name:"nicholas", age:29}]; function f1(name){ return functi

JS陣列物件的遍歷方法例項

一、陣列的遍歷: 首先定義一個數組 arr=['snow','bran','king','nightking']; 1、for迴圈,需要知道陣列的長度; 2、foreach,沒有返回值,可以不知道陣列長度; arr.forEach(function(ele,index

Js陣列字串型別的相互轉化

陣列與字串的轉化規則經常弄亂,今天做下整理。 1.陣列轉字串 var arr = [1,2,3];var str = arr.join('.')alert(str); 要點:1)轉化後的型別要賦到一個新的變數上。      2)join()方法,括號中的內容的作用是:告訴直

js區分物件陣列常用方法

如果你只是用typeof來檢查該變數,不論是array還是object,都將返回‘object'。 1,Object.prototype.toString.call(obj) 判斷陣列 物件 Ob

js定義陣列

<script type="text/javascript">window.onload=function () {         function myarray(){           //自定義陣列          var len=arguments.length;          

Javascript Jquery 陣列定義操作

1.認識陣列陣列就是某類資料的集合,資料型別可以是整型、字串、甚至是物件Javascript不支援多維陣列,但是因為數組裡面可以包含物件(陣列也是一個物件),所以陣列可以通過相互巢狀實現類似多維陣列的功能1.1 定義陣列宣告有10個元素的陣列var a = new Array(10);此時為a已經開闢了記憶體

js陣列方法push()、shift()pop()、unshift()的區別

1、push()是用來在陣列末端新增項,shift()在移除陣列的第一個項。 2、pop()在陣列末端移除項,unshift()在陣列前端新增項。 3、push(),unshift()在推入多個

JsJSON.stringify()JSON.parse()eval()詳解及使用案例

div 網絡 blog 處理 ive asc 還要 ava 不同 JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。因為采用獨立於語言的文本格式,也使用了類似於C語言家族的習慣,擁有了這些特性使使JSON稱為理想的數據交換語言,作用

細說JS的原型原型鏈

變量 proto var 概念 函數的原型 prot software 構造函數 eof 我們都知道,在javascript中,萬物皆對象。但是,對象也是有區別的,分為普通對象和函數對象,說明走一波! var o1 = {}; var o2 =new Object();

JS離線應用客戶端存儲

close 行修改 user n) unset 對象存儲空間 ext main ror 1.離線檢測:H5定義了navigator.online屬性,為true 表示設備能上網 還定義了兩個相關事件:online和offline 2 數據存儲 cookie——HTTP c

Java的陣列定義方法過載——有C++基礎的Java入門(三)

目錄 一、 陣列的定義 1、定義 2、 原理 3、 賦值方式 二、Java的方法過載 1、 概念 (1) 過載 (2) 目的 2、例子 (1) 比較兩個數值的大小 (2) 執行方式及結果 一、 陣列的定義 1、定義 資料型別 [ ]&n

JS陣列方法詳解

JS中陣列的方法有很多,但是自己一直沒有抽時間進行整理分類,故單獨寫一篇博文,對目前我所掌握的JS中陣列相關的方法進行整理,夯實一下自己的基礎。 我將陣列相關的方法分為兩類 1.方法會改變原陣列 相應的方法有:shift、unshift、pop、push、rev

JS對象數組(大括號{}括號[])

function cti turn 式表 use ebo lan 一個數 json數據結構 一、{ } 大括號,表示定義一個對象,大部分情況下要有成對的屬性和值,或是函數。 如:var LangShen = {"Name":"Langshen","AGE":"28"}; 上

js陣列遍歷的幾種方法及其區別

第一種最常用的:for迴圈  for(j = 0; j < arr.length; j++) { }  優化版for迴圈   for(j = 0,len=arr.length; j < len; j++) {

js的棧堆的講解/基本資料型別引用型別的講解

1、棧(stack)和堆(heap)   stack為自動分配的記憶體空間,它由系統自動釋放;而heap則是動態分配的記憶體,大小不定也不會自動釋放。        2、基本型別和引用型別   基本型別:存放在棧記憶體中的簡單資料段,資料大小確定,記憶體空間大小可以分配。   5種基

JS陣列字串加逗號,去掉最後一個逗號,去除重複元素

//生成專案負責人並且去除重複名字,用,隔開          $.each(e,function(i){            xmfzr+=e[i].fxmfzrNew+",

js陣列和字串的方法總結

一、陣列方法簡單總結為以下幾種   1、原有:     增、刪、改、截、拼、復、排、轉   2、ES5擴充套件:   查、遍歷 增:        前增 var arr = [3,4,5,6,7]; console.log(arr.unshift(

js變數宣告變數提前

js中變數宣告與變數提前 變數宣告:通過var表明變數的型別與名字,但並未賦值,如 var a; 變數初始化:即為a賦值,如 a=1; 使用變數步驟:a.宣告–>b.賦值–>3.呼叫 使用方法 // 方式一:宣告和賦值不分離 var str = "宣告和賦