javascript数组原型

1.join()

join() 方法将数组作为字符串返回。
元素将由指定的分隔符分隔。默认分隔符是逗号 (,)。
join() 方法不会改变原始数组。

语法
array.join(separator)

	var arr = [1,2,3];
	console.log(arr.join());   // 1,2,3
	console.log(arr.join('-'));   // 1-2-3
	console.log(arr);   // [1,2,3](原数组不变)

2.push()

push() 方法向数组末尾添加新项目,并返回新长度。
push() 方法会改变原始数组。

语法
array.push(item1, item2, …, itemX)

	var arr = ['lily','lucy','Tom'];
	var count = arr.push('Jack','Sean');
	console.log(count);   // 5
	console.log(arr);   // ['lily','lucy','Tom','Jack','Sean']

3.pop()

pop() 方法移除数组的最后一个元素,并返回该元素。
pop() 方法会改变原始数组。

语法
array.pop()

	var arr = ['lily','lucy','Tom','Jack','Sean'];
	var item = arr.pop();
	console.log(item);   // Sean
	console.log(arr);   // ['lily','lucy','Tom','Jack']

4.unshift()

unshift()方法可向数组的开头添加一个或更多元素,并返回新的长度
该方法将改变数组的数目。

语法
array.unshift(item1,item2, …, itemX)

	var arr1 = ['lily','lucy','Tom'];
	var count = arr1.unshift('Jack','Sean');
	console.log(count);   // 5
	console.log(arr1);   // ['Jack','Sean','lily','lucy','Tom']

5.shift()

shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。
注意: 此方法改变数组的长度!

语法
array.shift()

	var arr1 = ['lily','lucy','Tom'];
	var item = arr1.shift();
	console.log(item);   // lily
	console.log(arr1);   // ['lucy','Tom']

6.slice()

slice() 方法可从已有的数组中返回选定的元素。
slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。
slice() 方法不会改变原始数组。

语法
array.slice(start, end)

	var arr1 = [1,3,5,7,9,11];
	var arrCopy = arr1.slice(1);
	var arrCopy2 = arr1.slice(1,4);
	var arrCopy3 = arr1.slice(1,-2);   // 相当于arr1.slice(1,4);
	var arrCopy4 = arr1.slice(-4,-1);   // 相当于arr1.slice(2,5);
	console.log(arr1);   // [1,3,5,7,9,11](原数组没变)
	console.log(arrCopy);   // [3,5,7,9,11]
	console.log(arrCopy2);   // [3,5,7]
	console.log(arrCopy3);   // [3,5,7]
	console.log(arrCopy4);   // [5,7,9]

7.splice()

splice() 方法用于添加或删除数组中的元素。
注意:这种方法会改变原始数组。

语法
array.splice(index,howmany,item1,…,itemX)
index 必需。规定从何处添加/删除元素。 该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany 可选。规定应该删除多少元素。必须是数字,但可以是 “0”。 如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, …, itemX 可选。要添加到数组的新元素

	//删除元素,并返回删除的元素,2个参数:起始位置和要删除的项数
	var arr1 = [1,3,5,7,9,11];
	var arrRemoved = arr1.splice(0,2);
	console.log(arr1);   // [5,7,9,11]
	console.log(arrRemoved);   // [1,3]
	//向指定索引处添加或替换元素,3个参数:起始位置、0(要删除的项数)和要插入的项
	// 添加元素
	var arr1 = [22,3,31,12];
	arr1.splice(1,0,12,35);
	console.log(arr1);   // [22,12,35,3,31,12]
	// 替换元素
	var arr2 = [22,3,8,58];
	arr2.splice(1,1,6);   // [3]
	console.log(arr2);   // [22,6,8,58]

8.filter()

filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
注意: filter() 不会对空数组进行检测。
注意: filter() 不会改变原始数组。

语法
array.filter(function(currentValue,index,arr), thisValue)

	let arr = [1, 3, 5, 8]
	let arrFilter = arr.filter(ele => ele > 4)
	console.log(arrFilter) // [5, 8] 

9.concat()

concat() 方法用于连接两个或多个数组。
该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

语法
array1.concat(array2,array3,…,arrayX)

	var arr1 = [1,3,5,7];
	var arrCopy = arr1.concat(9,[11,13]);
	console.log(arrCopy);   // [1,3,5,7,9,11,13]
	console.log(arr1);   // [1,3,5,7](原数组未被修改)

10.indexOf()

indexOf() 方法可返回数组中某个指定的元素位置。
该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头(没有指定 start 参数时)。如果找到一个 item,则返回 item 的第一次出现的位置。开始位置的索引为 0。
如果在数组中没找到指定元素则返回 -1。

语法
array.indexOf(item,start)

	var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
	var a = fruits.indexOf("Apple",4); //6

11.lastIndexOf()

lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置,从该字符串的后面向前查找。
如果要检索的元素没有出现,则该方法返回 -1。
该方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾(没有指定 start 参数时)。如果找到一个 item,则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。
如果在数组中没找到指定元素则返回 -1。

语法
array.lastIndexOf(item,start)

	var fruits=["Banana","Orange","Apple","Mango","Banana","Orange","Apple"];
	var a = fruits.lastIndexOf("Apple"); //6

12.every()

every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供)。
every() 方法使用指定函数检测数组中的所有元素:
如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。
如果所有元素都满足条件,则返回 true。
注意: every() 不会对空数组进行检测。
注意: every() 不会改变原始数组

语法
array.every(function(currentValue,index,arr), thisValue)

	//检测数组中的所有元素是否都大于 10。
	function isBigEnough(element, index, array) {
	  return (element >= 10);
	}
	var passed = [12, 5, 8, 130, 44].every(isBigEnough);
	// passed is false
	passed = [12, 54, 18, 130, 44].every(isBigEnough);
	// passed is true

13.some()

some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。
some() 方法会依次执行数组的每个元素:
如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。
如果没有满足条件的元素,则返回false。
注意: some() 不会对空数组进行检测。
注意: some() 不会改变原始数组。

语法
array.some(function(currentValue,index,arr),thisValue)

	//检测数组中是否有元素大于等于16岁
	var ages = [4, 12, 16, 20];
	function checkAdult(age) {
	    return age >= 16
	}
	ages.some(checkAdult);
	//true

14.includes()

includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

语法
arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

	[1, 2, 3].includes(2);     // true
	[1, 2, 3].includes(4);     // false
	[1, 2, 3].includes(3, 3);  // false
	[1, 2, 3].includes(3, -1); // true
	[1, 2, NaN].includes(NaN); // true

15.sort()

sort() 方法用于对数组的元素进行排序。
排序顺序可以是字母或数字,并按升序或降序。
默认排序顺序为按字母升序。
注意:当数字是按字母顺序排列时"40"将排在"5"前面。
使用数字排序,你必须通过一个函数作为参数来调用。
函数指定数字是按照升序还是降序排列。
这些说起来可能很难理解,你可以通过本页底部实例进一步了解它。
注意: 这种方法会改变原始数组!

语法
array.sort(sortfunction)

	数字排序(数字和升序):
	var points = [40,100,1,5,25,10];
	points.sort(function(a,b){return a-b});
	//1,5,10,25,40,100

	//字母排序 (字母和降序):
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.sort();
	fruits.reverse();
	//Orange,Mango,Banana,Apple

16.reverse()

reverse() 方法用于颠倒数组中元素的顺序。

语法
array.reverse()

	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.reverse();
	//Mango,Apple,Orange,Banana

17.forEach()

forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。

语法
array.forEach(function(currentValue, index, arr), thisValue)

	var arr= [1,2,3,4];
	var sum =0;
	arr.forEach(function(value,index, array){
		array[index] == value; //输出结果为true
		sum+=value;
	});
	console.log(sum);
	//输出结果10

forEach用法

18.map()

es6循环遍历数组每一项
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。

语法
array.map(function(currentValue,index,arr), thisValue)

	var persons = [
	  {firstname : "Malcom", lastname: "Reynolds"},
	  {firstname : "Kaylee", lastname: "Frye"},
	  {firstname : "Jayne", lastname: "Cobb"}
	];
	
	
	persons.map(function getFullName(item, index) {
	  var fullname = [item.firstname,item.lastname].join(" ");
	  return fullname;
	})
	//["Malcom Reynolds","Kaylee Frye","Jayne Cobb"]

19.find()

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。
find() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 undefined
find() 对于空数组,函数是不会执行的。
find() 并没有改变数组的原始值。

语法
array.find(function(currentValue, index, arr),thisValue)

	const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
	var ret1 = arr1.find((value, index, arr) => {
	 return value > 4
	})
	//5

20.findIndex()

findIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。
findIndex() 方法为数组中的每个元素都调用一次函数执行:
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1
注意: findIndex() 对于空数组,函数是不会执行的。
注意: findIndex() 并没有改变数组的原始值。
语法
array.findIndex(function(currentValue, index, arr), thisValue)

	const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
	var ret1 = arr1.findIndex((value, index, arr) => {
	 return value > 4
	})
	//4

21.reduce()

reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
reduce() 可以作为一个高阶函数,用于函数的 compose。
注意: reduce() 对于空数组是不会执行回调函数的。

语法
array.reduce(function(previousValue, currentValue, index, arr), initialValue)

	const arr = [0, 1, 2, 3, 4]
	const sum = arr.reduce(function(accumulator, currentValue, currentIndex, array){
	  console.log(accumulator, currentValue, currentIndex, array)
	  return accumulator + currentValue
	}, 0)
	// 0 0 0 (5) [0, 1, 2, 3, 4]
	// 0 1 1 (5) [0, 1, 2, 3, 4]
	// 1 2 2 (5) [0, 1, 2, 3, 4]
	// 3 3 3 (5) [0, 1, 2, 3, 4]
	// 6 4 4 (5) [0, 1, 2, 3, 4]
	console.log(sum) // 10

redece详解

22.toLocaleString()、toString()

toLocaleString()、toString() 方法可把数组转换为字符串,并返回结果。
注意: 数组中的元素之间用逗号分隔。

语法
array.toLocaleString()
array.toString()

	var name = "geeksforgeeks"; 
	var number = 567; 
	var date = new Date(); 
	var A = [ name, number, date ]; 
	var string = A.toLocaleString(); 
	console.log(string)
	//"geeksforgeeks, 567, 2/18/2018, 10:41:20 AM"

23.entries()、keys()

entries() 方法返回一个数组的迭代对象,该对象包含数组的键值对 (key/value)。
迭代对象中数组的索引值作为 key, 数组元素作为 value。

keys() 方法用于从数组创建一个包含数组键的可迭代对象。
如果对象是数组返回 true,否则返回 false。

语法
array.entries();
array.keys();

	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.entries();
	
	fruits.keys();

24.copyWithin()

copyWithin() 方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

语法
array.copyWithin(target, start, end)

	var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"];
	fruits.copyWithin(2, 0, 2);
	//Banana,Orange,Banana,Orange,Kiwi,Papaya

25.fill()

fill() 方法用于将一个固定值替换数组的元素。

语法
array.fill(value, start, end)

	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.fill("Runoob", 2, 4);
	//Banana,Orange,Runoob,Runoob

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

哚啦A孟

谢谢鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值