我流理解---JavaScript ES6---2

继续尝试纪录~
尽量在本周看完Vue的教学,并且周末前完成Vue的作业吧~
下周就能更积极的找工作来着阿~喵~

阵列解构:

将阵列用变数对应的方式进行解构,若变数的数量有所不同,也会按照顺序进行赋值,中间若有空的变数(一样用逗号隔开),那後面的一样会以有计算空的变数的顺序进行。

let family = ['0', '1', '2', '3', '4'];
let [a,b,c,d,e] = family;
//这样的话abcde就会对应01234的值

let[e,f,g]= family
let[h,i,j,k,l,m]= family
//这样的话efg会对应前三个值,
//hijklm因为变数多於阵列的值,所以最後面的m会回传undefined

let[n,,o,p,q]= family
这样的话nopq会依序带入0234的值,跳过第二项的1

交换赋值:

透过将变数直接组成阵列进行对应交换,可以让其中的值也交换。

let Goku = '悟空';
let Ginyu = '基纽';

[Ginyu,Goku]=[Goku,Ginyu];
console.log(Goku,Ginyu);
//这样的写法就可以让两个变数交换值

字串拆解:

可以用这样的方式去拆解字串

let str = '基纽特攻队';
let[a,b,c,d,e]=str;
console.log(a,b,c,d,e);
//可以用这样解构赋值得方式来拆解字串,abcde会对应基纽特攻队五个字

以上大多是用阵列进行解构。

物件解构:

用物件进行解构,以下的大概可以解释为:
let ( 要被取出的物件中要被取出的属性 , 该属性对应的值要被赋予到的变数名称 ) = 要被取出的物件名称
我流就是绕口~赞

let GinyuTeam = {
   Ginyu: '基纽',
   Jeice: '吉斯',
   burter: '巴特',
 }
 let{Ginyu:Goku} = GinyuTeam;
 console.log(Goku);
//Goku的值就会是'基纽'

预设值:

在设置变数与某阵列或物件进行映射前,先行为变数安排一个预设值

let [ming = '小明', jay = '杰伦'] = ['阿明'] 
// 第一个会被赋值,第二个会用预设
console.log(ming,jay);
//第一个ming会等於阿明,jay则会等於预设的杰伦

undefined 跟 not defined:

单以在JS中的我流理解,
undefined 是指变数已经存在,但未赋值的状况,undefined也算是一种值,所以不会log的时候不会直接红字报错
not defined 则是连变数都尚未创造,更不用谈有无值的问题


<<:  [Golang]panic是什麽?-心智图总结

>>:  目标、策略与风险

Day7 - 2D渲染环境基础篇 III[ 变形与阵列运算 ] - 成为Canvas Ninja ~ 理解2D渲染的精髓

之前我们有提到过,canvas其实本身可以看做一群像素形成的2维阵列,而Canvas的图像变形,其实...

【心得】 会让人晕3D的transform

昨天有先提到了transform的位移与relative的差别了 那麽今天再来详细一些比较常使用的t...

那些被忽略但很好用的 Web API / DesignMode

DesignMode 让整个网站都是你的 textarea。 今天要介绍的 API 非常简单明了,...

Day02 - 单一元件档你好 Single Component File 初见面

今天一样跟着网路上的大神 重新认识 Vue.js | Kuro Hsu 3-2 Vue SFC 单一...

【DAY 22】Algorithm - Insertion sort 插入排序法

前面我们提过了 Bubble sort,这次我们要来从题目来看另一种排序的演算法 —— Insert...