1. 程式人生 > >js中陣列常見操作函式

js中陣列常見操作函式

定義:

var arr  = [ "liu",1,1.3,[1,2,3],null];

取長度:

arr.length

給元素賦值:

arr[0] = 'LIU';

搜尋指定的值的位置:

arr.indexOf("liu");  //0

擷取陣列的一部分:

arr.slice(0,3) // [ "liu",1,1.3];從0開始,長度3

在陣列尾部加入元素:

push()

在陣列尾部彈出元素:

pop()

在陣列頭部新增元素

unshift()

在陣列頭部彈出元素:

shift();

翻轉陣列:

reverse();

更新陣列

splice();

連線兩個陣列

concat()

陣列轉字串

arr.join(',');

相關推薦

js陣列常見操作函式

定義: var arr  = [ "liu",1,1.3,[1,2,3],null]; 取長度: arr.length 給元素賦值: arr[0] = 'LIU'; 搜尋指定的值的位置: arr.indexOf("liu");  //0 擷取陣列的一部分:

js陣列操作方法

1.concat 不會修改原陣列, (連線) 這個方法會先建立當前陣列的一個副本,然後將接收到的引數新增到這個副本的末尾,最後返回新建立的陣列。 沒有給concat()方法傳遞引數,它只是複製當前陣列並返回副本。 傳遞的引數是一個或者多個數組,會將這些陣列中的每

js陣列操作常見函式forEach,map,reduce,filter,slice

var a = [1,22,333,4444,55555] function Counter() { this.sum = 0; } js中運算元組的常見函式有: forEach((ite

js陣列的基本操作

1.陣列的基本操作 前言:ECMAScript陣列是很常用的一種資料型別,在其他的語言中,陣列也是很常用很重要的一種資料型別.但ECMAScript陣列有些地方還是有自己的特點的,如下: 1)陣列的每一項可以儲存任何資料型別的資料,也就是陣列中的資料可以有多

js陣列插入、刪除元素操作

/* * 刪除陣列元素:Array.removeArr(index) */ Array.prototype.removeArr = function (index) { if (isNaN(index) || index>=

JavaScript函數認識,Js常見函數

ret ets dex 數學 1-1 做成 認識 tolower 其他 JavaScript函數: 也稱為方法,用來存儲一塊代碼,需要的時候調用。 函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。 函數需要包含四要素:返回類型,函數名,參數列表,函數體 拓展:強

js string 常見方法

strong 指定 log match nds last 如果 comment 出現 1.charAt 返回指定索引出的字符 var str=‘abcd‘;  var a=str.charAt(0);  console.log(a); //‘a‘ conso

JS的DOM操作和事件

row ffffff and rop seo pre 事件觸發 定位 code 【DOM樹節點】 DOM節點分為三大類: 元素節點、 屬性節點、 文本節點; 文本節點、屬性節點屬於元素節點的子節點。操作時,均需要先取到元素節點,再操作子節點;可以使用getElement系

JS的DOM操作

tno 判斷 rep ech light 屬性設置 text dom xxx 一、DOM的創建 DOM節點(Node)通常對應於一個標簽、一個文本、或者一個HTML屬性。DOM節點有一個noteType屬性用來表示當前元素的類型,它是一個整數: 1. Element,

js的DOM操作匯總

reference bsp tel .html data- rst 方法 api stc 一、DOM創建 DOM節點(Node)通常對應於一個標簽,一個文本,或者一個HTML屬性。DOM節點有一個nodeType屬性用來表示當前元素的類型,它是一個整數: El

js數據操作的某些思想

import on() 例如 reac ret 直接 pos one win 1,默認數據的復用 寫成function的return形式緩存在變量中,用的時候直接執行fun就行了 例如 有文件text.js裏面的對象是export default ()=>({a

js對象常見操作(添加、刪除、判斷屬性)

logs alert pro www 常見操作 bject def 判斷 span 建一個空對象user:var user=new Object(); 1.添加屬性 1.1.一般添加屬性(屬性名已知)這時user 對象沒有任何屬性和方法,顯然沒有任何用途。但可以為它動態的添

js對數組操作的封裝

一個 == 位置 操作 n) length spa clas log var arr=[1,2,3,4]; // 1.求和 var sum=0; for(var i=0;i<arr.length;i

JS的BOM操作(一)

目錄   Tips 1.BOM簡介 2.對話方塊 3.載入事件 4.location物件 5.history物件 6.navigator物件 Tips 1.BOM簡介     JavaScript分三個部分:  

JS的DOM操作(四)

目錄   Tips 1. 繫結事件的區別 2.為元素解綁事件 3.事件冒泡 程式碼 1.為元素繫結事件和解綁事件的相容程式碼 2.為同一個元素繫結多個不同的事件,指向相同的事件處理函式 Tips 1. 繫結事件的區別   &n

JS的DOM操作(三)

目錄   Tips 節點與元素: 節點的屬性: 獲取結節點的方法: 節點相容程式碼: 元素建立的三種方式 元素繫結多個事件 元素繫結事件的相容程式碼 程式碼 1.案例點選按鈕設定div中p標籤改變背景顏色 2.節點操作隔行變色 3.切換背

JS陣列方法詳解

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

js陣列物件自定義排序

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

JS的自執行函式

轉自:https://www.cnblogs.com/zuiyirenjian/p/3535126.html 在JS中,也常常需要複用,將一些常見的操作封裝起來,目前看到的很多JS庫,比如JQuery就是非常典型的,那麼如何在JS中寫一個可複用的呢?雖然在JS中有類的這個說法,但是我對這個玩意還

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

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