首頁 > web前端 > js教程 > 主體

說明Js數組操作基本方法

高洛峰
發布: 2017-03-12 13:16:29
原創
1275 人瀏覽過

1、偵測陣列


var newArr = [1,2,3];

newArr  instanceof Array;   // true
Array.isArray(newArr) ;   // true

//Array.isArray(newArr) 只支持ie9+,firefox 4+,safari 5+,opera 10.5+和chrome
登入後複製



2、創建陣列


var newArr = new Array(); // 创建数组
var newArr = new Array(3);  // 创建数组并指定长度
var newArr = new Array(1,2,[3,4]);  //创建数组并赋值
登入後複製


3、新增元素

var newArr = new Array(); // 创建数组
var newArr = new Array(3);  // 创建数组并指定长度
var newArr = new Array(1,2,[3,4newArr.push('A');  //6
newArr;  // [1,2,3,4,5,'A']

newArr.unshift('B'); //7
newArr; // ['B',1,2,3,4,5,'A']

newArr.splice(2,0,'C'); // []
newArr; //["B", 1, "C", 2, 3, 4, 5, "A"]]);  //创建数组并赋值
登入後複製

4、刪除元素

var newArr = [1,2,3,4,5];

newArr.pop();  //5
newArr;  // [1,2,3,4]

newArr.shift(); //1
newArr;  // [2,3,4]

newArr.splice(1,2); //[3,4]
newArr;  //[2]
登入後複製

5、截取與合併元素


var newArr = ['A','B','C','D','E'];

newArr.slice(2); //["C", "D", "E"]
newArr.slice(1,4); //["B", "C", "D"]

newArr.concat('M');  //["A", "B", "C", "D", "E", "M"]
登入後複製


#6、陣列的拷貝


var newArr = ['A','B','C','D','E'];

newArr.slice(0); //["A", "B", "C", "D", "E"]
newArr.concat();  //["A", "B", "C", "D", "E"]
登入後複製


 7、陣列的排序


var newArr = ['A','C','B','D','M'];

newArr.reverse();  //["M", "D", "B", "C", "A"]
newArr.sort();  //"A", "B", "C", "D", "M"]
登入後複製


 8、陣列的字串轉換

var  newArr = [1,2,3];

newArr.join(',');  // "1,2,3"
newArr.toString();  //"1,2,3"
newArr.toLocaleString (); //"1,2,3"
newArr.valueOf();  //[1,2,3]

//toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用
登入後複製

 9、陣列查找

var newArr = [1,2,3,4,5,4,3,2,3,4];

newArr.indexOf(3);  // 第一次出现元素3的位置 :2
newArr.indexOf(3,4); //从位置3开始查找第一次出现元素4的位置:6

newArr.lastIndexOf(3); //最后一次出现元素3的位置:8
newArr.lastIndexOf(2,4); //从位置4开始查找最后一次出现元素2的位置:1


var person={name:"lili"},
    person1=[{name:"lili"}],
    person2=[person];

person1.indexOf(person);//返回-1 必须严格相等,不仅仅是值相等
person2.indexOf(person);//返回0


// indexOf()从前往后查找,找不到为-1
// lastIndexOf()从后往前查找,找不到为-1
登入後複製

 備註:自己找資料整理,僅供參考,謝謝~~

 

以上是說明Js數組操作基本方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板