搜尋
首頁web前端js教程js數組的基本操作(很全自己整理的)_javascript技巧

用 js有很久了,但都沒有深究過js的陣列形式。偶爾用用也就是簡單的string.split(char)。這段時間做的一個項目,用到陣列的地方很多,自以為js高手的自己居然無從下手,一下狠心,我學!呵呵。學了之後才知道,js數組的功能強大很,遠比VB,C#強多了,大家慢慢看吧

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();

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
如何在PHP中将字符串放入数组,并按换行符拆分如何在PHP中将字符串放入数组,并按换行符拆分Aug 28, 2023 pm 10:57 PM

什么是PHP?PHP代表超文本预处理器,是一种用于Web开发的流行服务器端脚本语言。它旨在创建动态和交互式网页。PHP嵌入在HTML代码中并在服务器上执行,生成发送到客户端浏览器的HTML输出。凭借其简单易学的语法,PHP允许开发人员构建动态网站、处理表单数据、与数据库交互以及执行各种服务器端任务。它拥有庞大的库和框架生态系统,可增强其功能并使开发人员能够创建强大且可扩展的Web应用程序。PHP受到托管提供商的广泛支持,使其成为Web开发项目的首选。如何在PHP中将字符串放入数组并按换行符分割方

PHP8.0中数组的合并操作:array_mergePHP8.0中数组的合并操作:array_mergeMay 14, 2023 am 08:52 AM

在PHP8.0版本中,数组合并操作是经过了改进的。这个改进主要针对的是数组数据类型的合并操作。在之前的版本中,PHP提供的数组合并操作是使用“+”符号实现的。但是,这种方法存在一些问题。如果两个数组中包含相同的键,那么第二个数组的键值将会覆盖第一个数组中的键值,如果需要把两个数组合并在一起,那么就需要技巧地使用array_merge()函数了。现在,在PHP

PHP8.0中数组中的危险操作:array_splice()PHP8.0中数组中的危险操作:array_splice()May 14, 2023 am 08:24 AM

PHP8.0中数组中的危险操作:array_splice()在PHP编程中,数组是一个非常常用的数据结构,它允许我们在一个变量中存储多个值。而array_splice()函数则是一个处理数组的方法,它可以删除或替换数组中的元素。但是,在PHP8.0中,array_splice()函数却有一些危险操作,如果使用不当,将会导致一些严重的问题。本文将为大家详细介绍

使用PHP自定义函数扩展数组交集和并集的功能使用PHP自定义函数扩展数组交集和并集的功能May 01, 2024 am 10:45 AM

使用PHP自定义函数可扩展数组交集和并集功能,自定义交集函数允许按键或值查找交集,而自定义并集函数按键或值查找并集。这使您能够基于特定需求灵活操作数组。

使用PHP进行数组操作的最佳实践使用PHP进行数组操作的最佳实践Jun 06, 2023 am 10:30 AM

PHP是一种广泛使用的服务器端脚本语言,可以通过许多不同的方式进行数组操作。本文将介绍我们编写PHP代码时的最佳实践,帮助您创建更高效、更美观、更可读的代码。1.使用数组函数而不是手动循环最好使用PHP数组函数,而不是手动循环数组来移动、操作或修改数据。PHP数组函数执行较快,具有更好的可读性和可维护性。下面是一些常用的PHP数组函数:array_push(

PHP数组操作大全:array_diff()PHP数组操作大全:array_diff()Jun 20, 2023 pm 03:57 PM

在PHP中,数组是一种非常常见和有用的数据结构。PHP提供了许多不同的函数和方法来操作和处理这些数组。其中一个非常有用的函数是array_diff()。本文将详细讨论此函数。array_diff()函数的基本用法非常简单。该函数接受两个或多个数组作为参数,并返回一个新数组,其中包含第一个数组中存在,但其他数组中不存在的元素。下面是一个示例:$array1=

PHP 数组键值互换:性能对比及最优方案详解PHP 数组键值互换:性能对比及最优方案详解May 04, 2024 pm 01:51 PM

PHP数组键值互换的最佳方案:使用内置的array_flip()函数,时间复杂度为O(n)。对于较大的数组,array_flip()的性能优势更明显。实战案例:可使用array_flip()将购物车中商品名称数组转换为商品数量数组。

PHP 数组如何添加和删除元素PHP 数组如何添加和删除元素Sep 05, 2023 pm 02:12 PM

PHP数组如何添加和删除元素在PHP中,数组是一种非常常见且重要的数据结构。数组可以容纳多个值,并且能够根据需要动态增加或减少元素。本文将介绍如何在PHP中添加和删除数组元素,并提供相应的代码示例。一、添加元素使用方括号[]语法添加元素最简单的方法是使用方括号[]语法。示例如下:$arr=[&quot;apple&quot;,&quo

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前By尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具