js 陣列方法

2021-10-04 12:56:18 字數 3338 閱讀 4508

//定義乙個陣列

var fruits = ['香蕉', '芒果','橘子','荔枝','櫻桃'];

//新增元素到陣列的末尾,改變原陣列

var newlength = fruits.push('香橙');

//6

//["香蕉", "芒果", "橘子", "荔枝", "櫻桃", "香橙"]

//刪除陣列末尾的元素,改變原陣列

var last = fruits.pop()

香橙 //["香蕉", "芒果", "橘子", "荔枝", "櫻桃"]

//刪除陣列最前面的元素,改變原陣列

var first = fruits.shift();

//["芒果", "橘子", "荔枝", "櫻桃"]

//新增元素到陣列的頭部,改變原陣列

var newlength = fruits.unshift('士多啤梨')

// ["士多啤梨", "芒果", "橘子", "荔枝", "櫻桃"]

//reverse() 方法將陣列中元素的位置顛倒,並返回該陣列。陣列的第乙個元素會變成最後乙個,陣列的最後乙個元素變成第乙個。

//改變原陣列

console.log(fruits.reverse()) //["櫻桃", "荔枝", "橘子", "芒果", "士多啤梨"]

//找出某個元素在陣列中的索引

var pos = fruits.indexof('香蕉');

//-1 即不存在這個元素

//通過索引刪除某個元素 第乙個引數是下標 第二個引數是刪除幾個,改變原陣列

var removeditem = fruits.splice(1, 1)

//["士多啤梨", "橘子", "荔枝", "櫻桃"]

方法從乙個類似陣列或可迭代物件建立乙個新的,淺拷貝的陣列例項。

//非陣列解析成乙個陣列

console.log(array.from('foo')); // ["f", "o", "o"]

用於確定傳遞的值是否是乙個 array。

console.log(array.isarray([1, 2, 3])); //true

//concat() 方法用於合併兩個或多個陣列。此方法不會更改現有陣列,而是返回乙個新陣列。

const array1 = ['a', 'b', 'c'];

const array2 = ['d', 'e', 'f'];

const array3 = array1.concat(array2);

console.log(array3); //["a", "b", "c", "d", "e", "f"]

//join() 方法將乙個陣列(或乙個類陣列物件)的所有元素連線成乙個字串並返回這個字串。

//如果是("")則元素間沒有任何字元

const elements = ['火', '土', '水'];

console.log(elements.join()); //"火,土,水"

console.log(elements.join('')); //"火土水"

console.log(elements.join('-'));//"火-土-水"

//slice()方法返回乙個由下標截斷的陣列

//如果只有乙個下標,返回包括此下標之後的陣列

//如果有兩個,第乙個下標取,之前的不取,第二個下標不取,之後的不取

//如果第二個下標超出index範圍,則第乙個數(包括第乙個數)後面全部獲取

const animals = ['1', '2', '3', '4', '5'];

console.log(animals.slice(2)); //["3", "4", "5"]

console.log(animals.slice(2, 4)); // ["3", "4"]

console.log(animals.slice(1, 5)); // ["2", "3", "4", "5"]

//tostring() 返回乙個字串

const array4 = [1, 2, 'a', '1a'];

console.log(array4.tostring()); //"1,2,a,1a"

//includes方法用來判斷乙個陣列是否包含乙個指定的值,如果是返回 true,否則false。

let site = ['runoob', 'google', 'taobao'];

site.includes('runoob'); //true

var fruits = ['香蕉', '芒果','橘子','荔枝','櫻桃'];

//使用foreach迴圈 接收兩個引數 陣列的值和下標

fruits.foreach(function (item, index) );

//every() 方法測試乙個陣列內的所有元素是否都能通過某個指定函式的測試。它返回乙個布林值。

const isbelowthreshold =function(currentvalue);

const array1 = [1, 30, 39, 29, 10, 13];

console.log(array1.every(isbelowthreshold)); //true

//some() 方法測試陣列中是不是至少有1個元素通過了被提供的函式測試。

//它返回的是乙個boolean型別的值

//如果用乙個空陣列進行測試,在任何情況下它返回的都是false。

const array = [1, 2, 3, 4, 5];

const even = (element) => element % 2 === 0;

console.log(array.some(even)); //true

//filter() 方法建立乙個新陣列, 其包含通過所提供函式實現的測試的所有元素。

const words = ['啦啦啦啦啦啦啦', 'limit', 'elite', 'exuberant', 'destruction', 'present'];

const result = words.filter(word => word.length > 6);

console.log(result); //["啦啦啦啦啦啦啦", "exuberant", "destruction", "present"]

//map() 方法建立乙個新陣列,其結果是該陣列中的每個元素都呼叫乙個提供的函式後返回的結果。

var numbers = [2, 4, 6];

var doubles = numbers.map(function(num,index) );

console.log(doubles); //[4, 8, 12]

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

JS陣列方法

tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...

js陣列方法

陣列包含 iscontain function arr1,arr2 return true 陣列排序 isincrease true遞增 小 大 isincrease false遞減 大 小 arrcompare function property,isincrease else 二維陣列轉一維陣列...