对象的解构赋值（字符串、布尔值、函数）

最新推荐文章于 2024-08-26 21:46:43 发布
最新推荐文章于 2024-08-26 21:46:43 发布
阅读量49 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/MrZhujl/p/9990903.html
本文探讨了解构赋值中对象属性的使用规范，强调了属性名必须匹配对象的key值，否则将导致undefined。通过示例说明了如何正确使用解构赋值，并提供了进一步学习资源。 
解构的值，必须要为对象的key值，不然会为undefined

　　let {key1,key2,key3:k3} = obj

k3就代表key3 ,当写了:k3时，key3就失效就报错。

　　({key1:obj2.xx,key2:arr[n]} = obj)


　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　可以参考阮一峰的博客，或者2018/11/20的课件


转载于:https://www.cnblogs.com/MrZhujl/p/9990903.html

                

        




    

    
  



    



                



	

		

			

				
					
ES6——解构赋值深入了解

				
			

			

				

					qq_51220629的博客
				

				

					04-14
					
					741
					
				

			

		

		

			
				
解构赋值可以方便地将一组参数与变量名对应起来。

			
		

	



                

            
              



	

		

			

				
					
ES6语法：解构赋值

				
			

			

				

					XSL_HR的博客
				

				

					09-28
					
					620
					
				

			

		

		

			
				
本文是一篇关于ES6中对象，字符串，数值和布尔值，函数参数解构赋值的文章。内容紧接上一篇数组和对象的解构赋值。创作不易！多多支持！！

			
		

	



              


  
              

                


	

		

			

				
					
数值和布尔值的解构赋值

				
			

			

				

					歪脖先生的博客
				

				

					01-15
					
					1165
					
				

			

		

		

			
				
数值和布尔值的解构赋值

解构赋值时，如果等号右边是数值和布尔值，则会先转为对象。
let {toString: s} = 123;s === Number.prototype.toString // truelet {toString: s} = true;s === Boolean.prototype.toString // true

上面代码中，数值和布尔值的包装对象都有toSt

			
		

	





	

		

			

				
					
字符串、数值、布尔值以及函数参数的解构赋值

				
			

			

				

					m0_57310897的博客
				

				

					03-21
					
					241
					
				

			

		

		

			
				
字符串的解构赋值、布尔值的解构赋值、数值的解构赋值、函数参数的解构赋值，null和undefined不能进行结构赋值以及原因

			
		

	



		

			
		



	

		

			

				
					
字符串、数值和布尔值的解构赋值（ES6知识点汇总---第二章）

				
			

			

				

					weixin_45472408的博客
				

				

					07-01
					
					245
					
				

			

		

		

			
				
字符串的解构赋值
字符串也可以解构赋值，这是因为此时字符串被转换成了一个类似数组的对象。
const [a, b, c, d, e] = 'hello';
a //h
b //e
c //l
d //l
e //o

类似数组的对象都有一个length属性，因此还可以对这个属性进行解构赋值。
let { length : len } = 'hello';
len //5

数值和布尔值的解构赋值
解构赋值时，如果等号右边时数值和布尔值，则会先转为对象。
let {toString: s} = 123;
s 

			
		

	





	

		

			

				
					
变量的解构赋值 - 字符串、数值、布尔值、函数参数

				
			

			

				

					一只前端小菜鸟
				

				

					07-22
					
					353
					
				

			

		

		

			
				
一、字符串的解构赋值


  // 字符串也能解构赋值，只是因为此时字符串被转换成了一个类似数组的对象（类似于字符串的split方法）
  let str = 'abcdefg';
  let arr = str.split('');
  console.log(arr); // [a, b, c, d, e, f, g]

  const [a, b, c, d, e] = 'hello';
 ...

			
		

	





	

		

			

				
					
ES6解构赋值实例详解

				
			

			

				

					08-28
				

			

		

		

			
				
ES6解构赋值是ES6中的一种新的赋值方式，它可以将数组或对象的值赋值给变量，并且可以使用默认值、解构对象和字符串等多种方式。本文将详细介绍ES6解构赋值的基本概念、原理与使用方法。  基本用法  解构赋值的基本...

			
		

	





	

		

			

				
					
es6语法--解构赋值

				
			

			

				

					weixin_42464106的博客
				

				

					07-01
					
					1531
					
				

			

		

		

			
				
es6--解构赋值

			
		

	





	

		

			

				
					
【ES6新特性】介绍ES6新特性的内容，如var，Let，Const声明变量的区别，解构赋值的概念，字符串的扩展，数组的扩展，以及对象的扩展。

					
最新发布

				
			

			

				

					qq_62555748的博客
				

				

					08-26
					
					1216
					
				

			

		

		

			
				
介绍ES6新特性的内容，如var，Let，Const声明变量的区别，解构赋值的概念，字符串的扩展，数组的扩展，以及对象的扩展。

			
		

	





	

		

			

				
					
【es6】ECMAScript6语法：【字符串、数值、布尔值】解构赋值

				
			

			

				

					抛弃幻想，准备斗争
				

				

					12-03
					
					344
					
				

			

		

		

			
				
变量的解构赋值之（字符串、数值、布尔值）的解构赋值



一、字符串：

类似数组的操作：


const [a, b, c, d, e] = 'hello';
a // "h"
b // "e"
c // "l"
d // "l"
e // "o"

还有，类似数组的属性：length属性，也能对这个属性进行解构赋值：


let {length : len} = 'hello';
len /...

			
		

	





	

		

			

				
					
node.js解构赋值

				
			

			

				

					weixin_44415561的博客
				

				

					03-15
					
					474
					
				

			

		

		

			
				
//数组的解构赋值;
let [a,b,c] = [1,2,3];
//let [a=111,b,c] = [,2,];
console.log(a,b,c);
//对象的解构赋值 
let {foo,bar} = {foo:"hello",bar:"hi"};
console.log(foo,bar);

let {cos,sin,random} = Math;
console.log(typeof cos);
console.log(typeof sin);
console.log(typeof ran

			
		

	





	

		

			

				
					
变量的解构赋值[三字符串,数值,布尔值,函数参数]

				
			

			

				

					妖怪的博客
				

				

					12-28
					
					274
					
				

			

		

		

			
				
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）

			
		

	





	

		

			

				
					
ES6变量的解构赋值详解（数组、对象、字符串、数值和布尔值以及函数参数）

				
			

			

				

					chaopingyao的博客
				

				

					04-06
					
					753
					
				

			

		

		

			
				
一、数组的解构赋值
1、基本用法
（1）ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。
以前，为变量赋值，只能直接指定值。
let a = 1;
let b = 2;
let c = 3;

ES6 允许写成下面这样。
let [a, b, c] = [1, 2, 3];

上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。
...

			
		

	





	

		

			

				
					
ES6字符串,数值,布尔值的结构赋值

				
			

			

				

					清风的博客
				

				

					03-02
					
					584
					
				

			

		

		

			
				
ES6字符串,数值,布尔值的结构赋值
1.字符串的结构赋值

字符串也可以解构赋值,因为此时字符串被转换为一个类似数组的对象

const [a, b, c, d, e] = 'hello';
// a = "h"
// b = "e"
// c = "l"
// d = "l"
// e = "o"

类似数组的对象都有一个length属性,因此还可以对这个属性进行解构赋值
let { length: len } = "hello";
// len: 5

2.数值和布尔值的解构赋值

结构赋值时,如果等

			
		

	





	

		

			

				
					
ES6--对象/数组的函数解构

				
			

			

				

					聆听。。花开雨落的博客
				

				

					02-23
					
					239
					
				

			

		

		

			
				
** 对象的函数解构 **

我们在前后端分离时，后端经常返回来JSON格式的数据，前端的美好愿望是直接把这个JSON格式数据当作参数，传递到函数内部进行处理。ES6就为我们提供了这样的解构赋值。


let json = {
    a:'jspang',
    b:'技术胖'
}
function fun({a,b='jspang'}){
    console.log(a,b);
}
fu...

			
		

	





	

		

			

				
					
对象转为字符串

				
			

			

				

					qq_29069777的博客
				

				

					09-30
					
					145
					
				

			

		

		

			
				
/***以字符串行书输出一个OBJ**便于查看对象的值*****/
var obj2String = function(_obj) {
    var t = typeof(_obj);
   ...

			
		

	





	

		

			

				
					
ES6-变量的结构赋值-数值和布尔值

				
			

			

				

					极北
				

				

					10-26
					
					1088
					
				

			

		

		

			
				
数值和布尔值的解构赋值

 

解构赋值时，如果等号右边是数值和布尔值，则会先转化为对象。

 


let {tmp: s} = 123;
s === Number.prototype.tmp // true

let {tmp: s} = true;
s === Boolean.prototype.tmp // true

上面代码中，数值和布尔值的包装对象都要tmp属性，因此s都能取到值un...

			
		

	





	

		

			

				
					
变量的解构赋值

				
			

			

				

					oneofprogrammer的博客
				

				

					04-17
					
					292
					
				

			

		

		

			
				
基本用法
以前，为变量赋值，只能直接指定值。
let a = 1;
let b = 2;
let c = 3;


ES6 允许写成下面这样。

let [a, b, c] = [1, 2, 3];


本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。

let [foo, [[bar], baz]] = [1, [[2...

			
		

	





	

		

			

				
					
ES6解构赋值：数组与对象的巧妙操作

				
			

			

				

					
				

			

		

		

			
				
解构赋值允许程序员从数组、对象以及特定的数据类型如字符串、布尔值、函数参数等中提取值，并将这些值赋给相应的变量，实现了模式匹配的赋值方式。解构赋值可以分为以下几个主要类别：  1. **数组结构赋值**：这是...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值