展开运算符的使用场景(...)

news/2024/7/19 13:40:12 标签: js, javascript

合并数组

javascript">let arr1 = [1,3,5,7,9]
let arr2 = [2,4,6,8,10]
console.log(...arr1); //展开一个数组 1 3 5 7 9
let arr3 = [...arr1,...arr2]//连接数组[1,3,5,7,9,2,4,6,8,10]

解构赋值

javascript">let a = [1,2,3,4,5,6]
let [c,...d] = a
console.log(c); // 1
console.log(d); // [2,3,4,5,6]
//展开运算符必须放在最后一位

字符串转为数组,正确识别 32 位的 Unicode 字符

javascript">[...'siva'] // ['s','i','v','a']
[...'x\uD83D\uDE80y'].length // 3

函数中接收任意数量的参数

javascript">function sum(...numbers){
	return numbers.reduce((preValue,currentValue)=>{
		return preValue + currentValue
	})
}
console.log(sum(1,2,3,4));

浅拷贝

用此方法只能浅拷贝第一层key、value

javascript">let person = {name:'tom',age:18}
let person2 = {...person}
//console.log(...person); //报错,展开运算符不能展开对象
person.name = 'jerry'
console.log(person2);//{name:'tom',age:18}
console.log(person);//{name:'jerry',age:18}
//合并
let person3 = {...person,name:'jack',address:"地球"}
console.log(person3);//{name:'jack',age:18,address:"地球"}

http://www.niftyadmin.cn/n/1527267.html

相关文章

静态字段与静态方法

文章目录静态字段静态常量静态方法在初学Java时,我们都会发现在main方法前有一个叫做static的关键字,那它到底是什么意思呢?下面我们就一起了解了解它。静态字段 静态字段就是将一个字段(通俗点说就是类中的变量或常量&#xff0…

call、bind、apply的区别

JavaScript中每个Function对象都有一个 call 方法和 apply 方法,而bind会返回一个新的函数 1、call方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。 注意:该方法的作用和 apply() 方法类似,只有一个区别&#xf…

Java常用关键字的作用

文章目录1.this关键字2.super关键字3.static 关键字4.final关键字5.abstract关键字6.import关键字1.this关键字 this关键字可以表示一个对象的隐式参数(解决形参与类字段重名问题)。使用this关键字引用属性和调用本类中的方法。在构造方法中&#xff0c…

React组件三大属性之props

一、理解 1、每个组件对象都会有 props(properties 的简写)属性 2、每组标签的所有属性都保存在 props 中 二、作用 1、通过标签属性从组件向外组件内传递变化的数据 2、注意:组件内部不要修改 props 数据 简化后代码: //创建组件 class Person ext…

React组件三大属性之refs

一、理解 Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Ref 转发是一项将 ref 自动通过组件传递到子组件的技巧。 通常用来获取 DOM 节点或者 React 元素实例的工具。在 React 中 Refs 提供了一种方式,允许用户访问…

vue-i18n 实现国际化,支持切换不同语言

需求:后台管理系统,可以实现语言切换 实现过程:用的i18n来实现的语言切换,网上能看到好多模板,根据自己的需求,修改一下即可使用,大概都是差不多的,因为涉及到后端,所以…

素数的性质

素数的性质 素数是无限的4n3型的素数是无限的4n1型的数乘以4n1型的数结果还是4n1型的数(dirichlet)给定两个整数a,b,如果a,b是互素的,即(a,b)1,则存在无穷多…

Vue中的全局导航守卫(beforeEach、afterEach)

在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录,前端可以判断,后端也会进行判断的,我们前端最好也进行判断。 vue-router 提供了导航钩子:全局前置导航钩子 beforeEach 和全局后置导航钩子 afterEach,他…