點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

JavaScript數(shù)組的學(xué)習(xí)

來源：懂視網(wǎng) 責編：小采時間：2020-11-27 20:31:46

JavaScript數(shù)組的學(xué)習(xí)

JavaScript數(shù)組的學(xué)習(xí):1數(shù)組的創(chuàng)建 var arr1 = new Array(); var arr2=[1,2,3];2數(shù)組常用的方法：push,pop,shift,unshift,splice,slice,sort,reverse2.1 push方法：在元素尾端插入元素var arr=[1,2,3]; var result = arr.push(1,3,4)

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀JavaScript數(shù)組的學(xué)習(xí):1數(shù)組的創(chuàng)建 var arr1 = new Array(); var arr2=[1,2,3];2數(shù)組常用的方法：push,pop,shift,unshift,splice,slice,sort,reverse2.1 push方法：在元素尾端插入元素var arr=[1,2,3]; var result = arr.push(1,3,4)

1數(shù)組的創(chuàng)建

 var arr1 = new Array();
 var arr2=[1,2,3];

2數(shù)組常用的方法：

push,pop,shift,unshift,splice,slice,sort,reverse

2.1 push方法：在元素尾端插入元素

var arr=[1,2,3];
var result = arr.push(1,3,4);//返回新數(shù)組的長度
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:1,2,3,1,3,4
result:6

2.2 pop方法：在元素末端彈出一個元素

var arr=[1,2,3];
var result = arr.pop();//返回彈出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:1,2
result:3

2.3 shift方法：在元素的首位彈出一個元素

var arr=[1,2,3];
var result = arr.shift();//返回彈出元素的值
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:2,3
result:1

2.4 unshift方法：在元素的首位插入元素

var arr=[1,2,3];
var result = arr.unshift(4,5);//返回新數(shù)組的長度
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:4,5,1,2,3
result:5

2.5 splice方法：對數(shù)組截取，然后插入數(shù)據(jù)，直接操作數(shù)組本身

var arr=[1,2,3,4,5];
arr.splice(1,2,3,4);
console.log("arr:"+arr);

結(jié)果：

arr:1,3,4,4,5

分析：

第一個參數(shù)：截取開始的位置

第二個參數(shù)：截取的個數(shù)

第二個參數(shù)以后：插入的數(shù)據(jù)，如果沒有第三個參數(shù)，則不插入

2.6 slice方法：對數(shù)組截取，但不對數(shù)組本身操作

var arr=[1,2,3,4,5];
var result =arr.slice(2,4);
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:1,2,3,4,5
result:3,4

分析：

第一個參數(shù)：截取開始的位置為為閉區(qū)間

第二個參數(shù)：截取結(jié)束的位置為開區(qū)間

如：[2,4)

2.7 concat方法：對數(shù)組拼接，但不操作數(shù)組本身

var arr1 =[1,2,3];
var arr2=[3,4,5];
var result = arr1.concat(arr2);
console.log("arr1:"+arr1);
console.log("arr2:"+arr2);
console.log("result:"+result);

結(jié)果：

arr1:1,2,3
arr2:3,4,5
result:1,2,3,3,4,5

2.8 join方法：對數(shù)組每個元素之間插入元素，但不操作數(shù)組本身

var arr =[1,2,3];
var result =arr.join("-");
console.log("arr:"+arr);
console.log("result:"+result);

結(jié)果：

arr:1,2,3
result:1-2-3

2.9 reverse方法：把數(shù)組里的元素的位置倒過來

var arr =[1,2,3];
var result =arr.reverse();
console.log("arr:"+arr);

結(jié)果：

arr:3,2,1

2.10 sort方法：把數(shù)組里元素排序（有缺陷）

var arr =[4,10,1,5];
var result =arr.sort();
console.log("arr:"+arr);

結(jié)果：

arr:1,10,4,5

分析：

在比較的過程中這個10是先按第一位比較再按第二位比較，所以排在了1后面，4前面。

2.11 sort方法擴張

var arr =[4,10,1,5];
 function compare(value1,value2){//自定義排序規(guī)則
 if(value1>value2){
 return 1;
 }else if(value1

結(jié)果：

arr:1,4,5,10

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript數(shù)組的學(xué)習(xí)

推薦度：

點擊下載本文 文檔為doc格式

標簽：學(xué)習(xí) javascript 的學(xué)習(xí)

熱門焦點

JavaScript數(shù)組的學(xué)習(xí)

JavaScript數(shù)組的學(xué)習(xí)

JavaScript數(shù)組的學(xué)習(xí)

最新推薦

猜你喜歡

熱門推薦