es6的解构赋值_字符串赋值给字符指针

es6的解构赋值_字符串赋值给字符指针ES6模板字符串与解构赋值

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

ES6 模板字符串与解构赋值

解构赋值
展开运算符

  • 模板字符串
  • 特点
    模板字符串可以换行
  • 模板字符串中变量表达方式
    ${变量/表达式}
<script>
    //模板字符串 
    //特点:模板字符串可以换行
    //模板字符串里变量的表达方式
    //${变量}
    //定义 用反引号``标识
    let a='${}'
    let b=`我是模板字符串 我可以换行 这是我的变量表示方式 ${ 
     a} `
    console.log(b); 
    </script>

模板字符串
例题

//有个数组,有三个路径,根据路径生成上面的li,将li放在ul上
let arry=[` <li>这是第一个li</li> <li>这是第二个li</li> <li>这是第三个li</li> `]
     let ul=document.createElement('ul');
     ul.innerHTML=arry.join('');
     document.body.appendChild(ul);

例题

  • 解构赋值
  • 特点:
  • 可以定义默认值
  • 可以嵌套
  • 可以不完全解构
  • 好处:
    不通过遍历,方便快捷的将元素取出来
<script>
  //解构赋值
  //可以定义默认值
  //可以嵌套
  //可以不完全解构

  //数组用法
  let a=[1,2,3]
  let [b,c,d]=a;
  console.log(b,c,d)//1,2,3
  //数组解构赋值时可以嵌套
  let s=[[1,2],[3,4]]
  let [[s1,s2],[s3,s4]]=s;
  console.log(s1,s2,s3,s4)//1,2,3,4
  //数组解构赋值可以定义默认值
  let b1=[1,2,3]
  let [b2,b3,b4=0]=b1;
  console.log(b2,b3,b4)//1,2,3
  //如果右面的值不为undefined的话,默认值会被覆盖
  //两数交换
   let num=3;
   let num1=5;
   [num,num1]=[num1,num]
   console.log(num,num1)//5,3
   
   //字符串用法
  let str='哈,真的好'
  let [a1,a2,a3]=str;
  console.log(a1,a2,a3)// 哈 ,真

   //对象写法
   let p={ 
   
       name:'xiaoxiao',
       age:15
   }
   let { 
   name,age}=p  //这两个变量不是随便起的,一定要与对象的属性名一致,如果想不一致的话,要在变量的前面加属性名:
   console.log(name,age);//xiaoxiao 15
   
   //错误写法
   // let {fg,de}=p
   // console.log(fg,de)
   // 虽然不报错,但是值为undefined

   //改正
   let { 
   name:fg,age:de}=p
   console.log(fg,de) //xiaoxiao 15 

   //函数写法
   function fn2({ 
   a,b,c}){ 
   //默认,可选参数
		console.log(a)//1
		console.log(b)//2
		console.log(c)//3
	}
	fn2({ 
   
        b:2,
		a:1,		
		c:3

	})

  </script>
  • 展开运算符
  • 功能:
  • 将展开运算符后面的数组展开,也可以遍历
  • 用法:

   //展开运算符
   //功能:将展开运算符后面的数组展开,也可以遍历
        let num4=[1,2,3,4,5,6]
        let num5=[...num4]
        console.log(num5)//[1,2,3,4,5,6]
        //例
        let [num6,num7,...num8]=num4
        console.log(num6);//1
        console.log(num7)//2
        console.log(num8)//[3,4,5,6]
        
        var max=Math.max(...num4);
        console.log(max)

例题

例:求数组的最大值

  //例:求数组的最大值
         let num4=[1,2,3,4,5,6]
         var max=Math.max(...num4);
         console.log(max)//6
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/171830.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • jQuery数组反转「建议收藏」

    jQuery数组反转「建议收藏」代码很短,不过实现的时候需要原始数组的配合。并且,对数字索引数组支持还不错,索引不连续的一样支持(对于非连续索引,只取最大的索引加1作为数组的长度,不影响数组元素反转)。 $(function(){ vararr1=[23,45,77,2,5]; //数组反转。 varlen1=arr1.length; varnewarr1=$.map(

  • windows XP虚拟机安装[通俗易懂]

    windows XP虚拟机安装[通俗易懂]一.安装环境:win10VMware15winxp.iso二.安装过程:1.用自定义(高级)安装(原因是虚拟磁盘类型必须选IDE,而典型是默认磁盘类型的,如果你用典型发现到后面会报错)2.按照自己的需求选择硬件兼容性,建议选择最高的,因为向下兼容。3.插入.iso文件4.选择操作系统和版本5.修改名称和选择安装位置(可默认)6.根据自己的需求修改处理器配置,内存(不得低于1G,即1024MB)、网络类型、I/O控制类型。7.磁盘类型是重点,一定要选择IDE。8.磁盘。

  • 手眼标定(一):Opencv4实现手眼标定及手眼系统测试[通俗易懂]

    手眼标定(一):Opencv4实现手眼标定及手眼系统测试[通俗易懂]Opencv4实现手眼标定及手眼系统测试(一)前言程序环境原理如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML图表FLowchart流程图导出与导入导出导入前言由于项目需要,要在win10环境下实现“眼在…

  • redis雪崩和穿透如何解决_redis穿透和雪崩解决

    redis雪崩和穿透如何解决_redis穿透和雪崩解决redis

  • vue devtools使用教程_vue debug

    vue devtools使用教程_vue debug一般在utils文件夹下api.js文件里面写接口,接口环境判断varhref=window.location.href//两者都可以拿到当前运行URL链接//varhost=window.location.hostlet_ipcc_cst;const_sysServer=(/(creditcard.ecitic.com)/i.test(location.origin))?’https://creditcard.ecitic.com’:’https://e.test.ban

  • 微信小程序——图片识别

    微信小程序——图片识别我的微信小程序期末大作业——基于百度大脑API的图片识别小程序具体实现了动物识别、植物识别、车辆识别三个功能实验源码已经放到了我的GitHub,欢迎测试修改下面给大家分享该项目的实验报告????目录1概述1.1课程大作业目的与要求1.2课程大作业简介2设计思路2.1图片识别API2.2微信小程序UI框架3设计方案4设计过程4.1百度开放平台注册4.2获取asscee_…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号