本文介绍了ES6中的剩余参数用法，包括传不定参数、与解构结合以及用于函数传对象。接着详细讲解了Array的扩展方法，如扩展运算符、Array.from()、find()、findIndex()和includes()。最后探讨了字符串的扩展，如模板字符串、startsWith()、endsWith()和repeat()等方法，并提供了相关实例练习。
目录
4.startsWith()、endsWith()的基本使用方法
2：找出大于指定年龄（页面input框接收）的第一个人，并输出这个人的位置
一，剩余参数
剩余参数语法允许我们将一个不定数量的参数表示为一个数组，不定参数定义方式，这种方式很方便的去声明不知道参数情况下的一个函数。
1.传不定参数，验证数组的长度。
function demo(a,...b){
console.log(a,b);//b为数组 2,3,4,5
}
demo(1,2,3,4,5);2.剩余参数与解构使用
let [a,...b] = [1,2,3,4,5];
console.log(a,b);//1 [2,3,4,5]3.与数组解构使用 函数传对象
function demo({username,password}){
console.log(username,password);//root 123456
}
demo({username:'root',password:'123456'});二，Array的扩展方法
1.扩展语法
... 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列。
1.1 用...输出数组
const arr = [1,2,3];
console.log(...arr); //1,2,3,相当于下面的代码
console.log(1,2,3);1.2 合并数组
const arr1 = [1,2,3];
const arr2 = [4,5,6];
const arr3 = [...arr1,...arr2];
console.log(arr3);// [1,2,3,4,5,6]1.3 将类数组转为真正的数组
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<script>
const divEle = document.getElementsByTagName("div");
const arr = [...divEle];
console.log(arr);
let str = "1234";
console.log([...str]);
</script>
</body>
</html>
2.小练习
2.1 复制数组
const arr1 = [1,2,3];
const arr2 = [...arr1];
arr2[0]=5;
console.log('这是arr1:'+ arr1+'\n'+'这是arr2:'+arr2);
2.2 创建一个函数：用扩展运算符计算两个数的和。
function demo(a,b){
return a+b;
}
const arr1 = [1,2];
const arr2 = [4,5];
console.log(demo(...arr1));
console.log(demo(...arr2));
最低0.47元/天 解锁文章
扫一扫
564
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
