首页 > TAG信息列表 > Destructuring

javascript-如何解构{this.props.children}？

我想为我的移动应用添加背景,但是当我使用“ this.props.children”时 埃斯林特说我“必须使用破坏性道具分配”.为什么我可以破坏这个道具？ 这是我的代码, export default class WallPaper extends Component { render() { return ( <ImageBackground source=

javascript-将嵌套对象分解为函数参数

在ES6中,我们可以执行以下操作： let myFunc = ({name}) => { console.log(name) } myFunc({name:'fred'}) // => logs 'fred' 但是,如何针对这样的嵌套属性执行此操作： myFunc({event:{target:{name:'fred'}}}) // => I want it to log 'fred' myFu

JavaScript-导致eslint无阴影错误的结构化参数

我的理解是像这样进行结构分解,它将从传入的参数对象中选择属性： const last = "Smith" // unrelated const const full = function({ first, last }) { return [first, last].filter(v => v).join(" ") } full({last: "Doe"}) // "Doe" full({}) // "

JavaScript-这是es6赋值运算符？

这个问题已经在这里有了答案：            >            Javascript object bracket notation ({ Navigation } =) on left side of assign                                    4个 如果此运算符声明： const {Assign,is

javascript-TypeScript：SyntaxError：控制台中出现“意外令牌”消息

为什么此代码不起作用？ 我有以下app.ts var a = 1; var b = 3; console.log(`Before a = ${a}, b = ${b}`); [a, b] = [b, a]; console.log(`After a = ${a}, b = ${b}`); 当我尝试使用 node app.ts 我有下一个： [a, b] = [b, a]; ^ ReferenceError: Invalid left-hand side

javascript-对解构函数参数感到困惑

在下面的示例中,whois()函数为什么可以访问displayName2和name1？ function whois({displayName: displayName2, fullName: {firstName: name1}}){ console.log(`${displayName2} is ${name1}`) } let user = { displayName: "jdoe", fullName: { firstName: "John

javascript-参数解构(等效于python的double-splat)

在python中,我可以传递一个dict(其键与参数的名称匹配)并使用**(double-splat)运算符： def foo(a, b): print (a - b) args = {'b': 7, 'a': 10} foo(**args) # prints 3 在ES6中该如何做？这不起作用： function foo(a, b) { console.log(a - b) } args = {b: 7, a: 10}

javascript-在保留对象的同时破坏函数调用中的分配

这个问题已经在这里有了答案：            >            ES6 destructuring function parameter – naming root object                                    3个 有没有办法做下面的事情？ f = (o:{a:x}) { console

在JavaScript中解构对象时如何绑定方法？

在JavaScript中解构对象时如何绑定方法？ const person = { getName: function() { console.log(this); } }; var a = person.getName; var b = person.getName.bind(person); var {getName: c} = person; person.getName(); //=> {getName: [Function]} a();

javascript – 如何忽略数组解构中的某些返回值？

当我只对索引0之外的数组值感兴趣时,我可以避免在数组解构时声明无用的变量吗？ 在下面,我想避免声明a,我只对索引1及更高版本感兴趣. // How can I avoid declaring "a"? const [a, b, ...rest] = [1, 2, 3, 4, 5]; console.log(a, b, rest); 解决方法: Can I avoid declaring a

javascript – 我可以预先声明变量以解析对象的分配吗？

参见英文答案 > object destructuring without var                                    2个 背景 当我尝试使用数组解构赋值时,我能够预先声明我的变量： let a, b, c; let arr = [1, 2, 3, 4, 5]; [a, b, c] = arr; console.log(a) // logs

javascript – 如何在解构时将字符串解析为数字？

我试图围绕解构分配进行试验.现在我有一个案例,我试图解决自我解构. 例如,我有这样的输入： let input = {latitude: "17.0009", longitude: "82.2108"} 纬度和经度键值是字符串,但我想在解构时将它们解析为数字. let input = {latitude: "17.0009", longitude: "82.2108"} let {l

javascript – 返回语句中的ES6解构

是否可以在同时返回对象时对其进行解构. 例如,要更改此代码： const mapStateToProps = ({ newItem }) =>{ const { id, name, price } = newItem; return { id, name, price }; } 对于这样的事情： const mapStateToProps = ({ newItem }) =>{ return { id, name, price } =

JavaScript中的数组解构

我在我的vue-js应用程序中有这个代码： methods: { onSubmit() { ApiService.post('auth/sign_in', { email: this.email, password: this.password, }) .then((res) => { saveHeaderToCookie(res.headers); this

javascript – 构造嵌套对象,但保留对嵌套对象的引用

参见英文答案 > object destructuring: how to use intermediate nested property                                    1个 我有一个简单的用例,但我认为使用ES6语法是不可能的.我想使用对象解构从嵌套对象中检索某些已知属性,但我也想要对该

javascript – 对象解构语法 – ES6

我经历过数组解构语法,这是很好理解的. 当我们说var {p,q} = o时,我们到底在做什么？ var {p,q}中的p和q是否与o的属性不同,即’p’和’q’？如是, var {a,b} = o;不起作用？ > var o = {p: 42, q: true}; undefined > p ReferenceError: p is not defined > q ReferenceErr

javascript – ES6 / ES2015对象解构和更改目标变量

如何在对象破坏期间重命名目标？ const b = 6; const test = { a: 1, b: 2 }; const {a, b as c} = test; // <-- `as` does not seem to be valid in ES6/ES2015 // a === 1 // b === 6 // c === 2 解决方法:您可以分配新的变量名称,如此MDN Example中所示 var o = { p: 42, q: t

javascript – 如何在ES2015中将所有属性解构为当前范围/闭包？

我想做这样的事情： const vegetableColors = {corn: 'yellow', peas: 'green'}; const {*} = vegetableColors; console.log(corn);// yellow console.log(peas);// green 我似乎无法找到或弄清楚如何做到这一点,但我真的以为我以前见过它！ ：P 注意：我使用Babel,舞台设置为0; 背景：

我在哪里可以获得有关JavaScript函数的对象参数语法的信息？

如果我想调用这样的函数： moo({ a: 4 }); 通常我必须像这样说出我的函数定义： function moo(myArgObj) { print(myArgObj.a); } 但是这个令人敬畏的语法在spidermonkey中用于定义函数是完全有效的： function moo({ a, b, c }) { // valid syntax! print(a); // prints 4

javascript – 如何在for循环中构造嵌套对象

var users = [ { user: "Name1",geo:{lat:'12',long:'13'} }, { user: "Name2",geo:{lat:'12',long:'13'}, age: 2 }, { user: "Name2",geo:{lat:'12',long:'13'} },

javascript – 解构和设置嵌套的默认值

我在这周围旋转了一会儿,但似乎我无法按照我希望的方式完成这项工作.实际上,我想要的是为可选参数设置嵌套的默认值. 我想看到的输出应该是： 55, 44, { sub1: '0', sub2: 55, sub3: 'all'} 相反,我只是得到这个： 55, 44, { sub2: 55 } 有人可以给我一个抬头吗？ function foo({ pa

javascript – 是否有一个简短的指定窗口[functionName] = functionName多次？

我有 window.getTask = getTask window.postTask = postTask window.logIn = logIn 我正在寻找一种简便的方法来做到这一点.像window [name] = [postTask,getTask,logIn]之类的东西使用现代的javascript存在类似的东西吗？解决方法:您可以使用Object.assign和shorthand property n

javascript – 如何使用递归,休息/扩展运算符和解构来将数组中的这些数字加倍？

我最近完成了一个JavaScript挑战,要求返回一个新数组,其中初始数组的所有值都加倍. const numbers = [1, 2, 3]; function double() { } 除了我要包括一些ES6主题的解构和休息/传播运算符以及递归.好吧,我尽可能地完成了解决方案.这是我的解决方案： const numbers = [1, 2, 3];

javascript – ES6：使用符号作为键来解构对象

我有一个包含符号作为键的对象.在这种情况下如何进行解构分配？ let symbol = Symbol() let obj = {[symbol]: ''} let { /* how do I create a variable here, that holds the value of [symbol] property? */ } = obj 我需要知道这是否可能,我确实知道明显而简单的解决方法,但这

javascript – ES6数组解析并分配给没有函数的对象

我想知道如果没有地图,减少或任何其他功能,这个初步代码是否可行？ const arr1 = ['str', 'str2']; let obj = {}; Object.assign(obj, [...arr1] : 'Value'); console.log(obj); // Expected output: { str1: 'Value', str2: 'Value' } 重点是将每个数组元素转换为一