JS常用的函数

JS数组常用的函数

push向数组的末尾添加一个或更多元素

push() 向数组的末尾添加一个或更多元素。

• push() 方法向数组末尾添加新项目，并返回新长度。
• 提示：新的项目将被添加到数组的末尾。
• push() 方法会改变数组的长度。

提示：如需在数组的开头添加项目，请使用 unshift() 方法。

 <script>
		let arr=[];
		arr.push("num1");
		arr.push("num2");
		arr.push("num3");
		for(let i=0;i<arr.length;i++){
			console.log(arr[i]);
		}
	 </script>
1
2
3
4
5
6
7
8
9

pop删除数组的最后一个元素

pop()删除数组的最后一个元素。

• pop() 方法移除数组的最后一个元素，并返回该元素。
• pop() 方法会改变数组的长度。
  提示：如需删除数组的第一个元素，请使用 shift() 方法。

 <script>
		let arr=[1,2,3,4,5,6];
		arr.pop() //删除元素6
		arr.pop() //删除元素5
		for(let i=0;i<arr.length;i++){
			console.log(arr[i]);
		}
	 </script>
1
2
3
4
5
6
7
8

concat() 方法用于连接两个或多个数组。

• concat() 方法用于连接两个或多个数组。
• concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。

<script>
		let arr=[1,2,3,4,5,6];
		let todo=["b","g","g"];
		let sumArr=arr.concat(todo) //会将结果返回一个新的数组，不会改变原有的数组
		for(let i=0;i<sumArr.length;i++){
			console.log(sumArr[i]);
		}
	 </script>
1
2
3
4
5
6
7
8

shift() 方法移除数组的第一项。

• shift() 方法移除数组的第一项。
• 注释：shift() 方法会改变数组的长度。
• 注释：shift 方法的返回值是被移除的项目。
• 注释：shift() 方法会改变原始数组。
  + 提示：如需删除数组的最后一项，请使用 pop() 方法。

 <script>
		let arr=[1,2,3,4,5,6];
		console.log(arr)
		let demo=arr.shift();
		console.log(demo)
	 </script>
1
2
3
4
5
6

unshift() 方法将新项添加到数组的开头，并返回新的长度。

• unshift() 方法将新项添加到数组的开头，并返回新的长度。
• 注释：unshift() 方法会改变数组的长度。
• 提示：如需在数组末尾添加新项，请使用 push() 方法。

 <script>
		let arr=[1,2,3,4,5,6];
		console.log(arr)
		let demo=arr.unshift('mstoy'); //向数组的首部添加元素
		console.log(demo)
	 </script>
1
2
3
4
5
6

join() 方法将数组作为字符串返回。

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

<script>
		let arr=[1,2,3,4,5,6];
		console.log(arr)
		let demo=arr.join()
		console.log(demo)
</script>
1
2
3
4
5
6

reverse() 方法反转数组中元素的顺序。

• reverse() 方法反转数组中元素的顺序。
• 注释：reverse() 方法将改变原始数组。

 <script>
		let arr=[1,2,3,4,5,6];
		console.log(arr)
		let argc=arr.reverse()
		console.log(argc)
	 </script>
1
2
3
4
5
6

slice() 方法以新的数组对象，返回数组中被选中的元素。

• slice() 方法以新的数组对象，返回数组中被选中的元素。
• slice() 方法选择从给定的 start 参数开始的元素，并在给定的 end 参数处结束，但不包括。
• 注释：slice() 方法不会改变原始数组。

 <script>
		let arr=[1,2,3,4,5,6];
		console.log(arr)
		let argc=arr.slice(1,3);
		console.log(argc)
	 </script>
1
2
3
4
5
6

sort() 方法对数组的项目进行排序

• sort() 方法对数组的项目进行排序。
• 排序顺序可以是按字母或数字，也可以是升序（向上）或降序（向下）。
• 默认情况下，sort() 方法将按字母和升序将值作为字符串进行排序。
• 这适用于字符串（“Apple” 出现在 “Banana” 之前）。但是，如果数字按字符串排序，则 “25” 大于 “100” ，因为 “2” 大于 “1”。
• 正因为如此，sort() 方法在对数字进行排序时会产生不正确的结果。
• 您可以通过提供“比较函数”来解决此问题（请参阅下面的“参数值”）。

<script>
		let arr = [103,5,13,25,432,1];
		console.log(arr + "
")
		console.log(arr.sort())   
	 </script>
1
2
3
4
5

splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目

• splice() 方法向/从数组添加/删除项目，并返回删除的项目。
• 注释：splice() 方法会改变原始数组。

<script>
		let arr = [103,5,13,25,432,1];
		let todo=arr.splice(1,3,"ttt","yyyy")
		console.log(todo)
		console.log(arr)
	 </script>
1
2
3
4
5
6

filter() 方法创建数组，其中填充了所有通过测试的数组元素（作为函数提供）

• filter() 方法创建数组，其中填充了所有通过测试的数组元素（作为函数提供）。
• 注释：filter() 不会对没有值的数组元素执行该函数。
• 注释：filter() 不会改变原始数组。

<script>
		let arr=[18,20,30,40,11,63,19];
		
		function myfun(age){
			return age>=document.getElementById('myinput').value
		}
		let array=arr.filter(myfun)
		console.log(array)
	</script>
1
2
3
4
5
6
7
8
9

indexOf() 方法在数组中搜索指定项目，并返回其位置。

• indexOf() 方法在数组中搜索指定项目，并返回其位置。
• 搜索将从指定位置开始，如果未指定开始位置，则从头开始，并在数组末尾结束搜索。
• 如果未找到该项目，则 indexOf() 返回 -1。
• 如果该项目出现多次，则 indexOf() 方法返回第一次出现的位置。
• 注释：第一项的位置为 0，第二项的位置为 1，依此类推。
• 提示：如果您想从尾到头搜索，请使用 lastIndexOf() 方法。

<script>
		let arr=[18,20,30,40,11,40,19,100];
		let der=arr.indexOf(40,1);
		let duang=arr.indexOf(40,5);
		console.log(der)
		console.log(duang)
		console.log(arr.indexOf(1000,1))
	</script>
1
2
3
4
5
6
7
8

forEach() 方法按顺序为数组中的每个元素调用一次函数

• forEach() 方法按顺序为数组中的每个元素调用一次函数。
• 注释：对于没有值的数组元素，不执行forEach() 方法。

<script>
		var sum = 0;
		var numbers = [65, 44, 12, 4];
		numbers.forEach(myFunction);
		
		function myFunction(item) {
		  sum += item;
		  document.getElementById("myid").innerHTML = sum;
		}
	</script>
1
2
3
4
5
6
7
8
9
10

map() 方法使用为每个数组元素调用函数的结果创建新数组

• map() 方法使用为每个数组元素调用函数的结果创建新数组。
• map() 方法按顺序为数组中的每个元素调用一次提供的函数。
• 注释：map() 对没有值的数组元素不执行函数。
• 注释：map() 不会改变原始数组。

var numbers = [65, 44, 12, 4];
var newarray = numbers.map(myFunction)

function myFunction(num) {
  return num * 10;
}

document.getElementById("demo").innerHTML = newarray;;
1
2
3
4
5
6
7
8

valueOf() 是数组对象的默认方法

• valueOf() 方法返回数组。
• valueOf() 方法是数组对象的默认方法。
• 注释：valueOf() 方法不会改变原始数组。

 <script>
		var fruits = ["Banana", "Orange", "Apple", "Mango"];
		console.log(fruits.valueOf())
	</script>
1
2
3
4