首页 > 编程语言 >[Javascript] Destructuring array by using object syntax

[Javascript] Destructuring array by using object syntax

时间:2022-12-25 20:12:59浏览次数:47  
标签:object Destructuring Javascript middle length bikes last array first

Since arrays are objects, we can destructure their indexes to easily grab the first and last itmes

const bikes = ['bianchi', 'miele', 'miyata', 'benotto', 'panasonic']

// Grab the first and last item of an array with Object destructuring
const {length, 0: first, [length - 1]: last} = bikes;
console.log(first, last) // bianchi panasonic

You can use length inside destructuring to access the last item

 

You can use lengthto do calculation to access middle item:

const {length, [Math.floor(length / 2)]: middle} = bikes;
console.log(middle) // miyata

 

标签:object,Destructuring,Javascript,middle,length,bikes,last,array,first
From: https://www.cnblogs.com/Answer1215/p/17004500.html

相关文章

  • [Javascript] Intl.Collator().compare
    The Intl.Collator objectenableslanguage-sensitivestringcomparison.console.log(['Z','a','z','ä'].sort(newIntl.Collator('de').compare));//expected......
  • 《初识Javascript》
    什么是JavaScript:JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言JavaScript的特点:向HTML页面中添加交互行为脚本语言,语法和Java类似解释性语......
  • 14个 JavaScript 代码优化技巧
    这篇文章列举了一些技巧,可帮助你写出更好的JavaScript代码,从而提高性能。JavaScript已经成为有史以来最受欢迎的编程语言之一。从W3Tech的数据来看,全世界将近96%的网站......
  • 精心收集的95个超实用的JavaScript代码片段(ES6 +编写)
    Array数组Arrayconcatenation(数组拼接)使用Array.concat(),通过在args中附加任何副本和/或值来拆分一个数组。JavaScript代码:constArrayConcat=(arr,...args)=>[]。c......
  • JavaScript安全性问题与最佳预防做法
    英文| ​​https://blog.bitsrc.io/javascript-security-issues-and-best-practices-37e78df4dce4​​翻译|web前端开发众所周知,JavaScript是一种非常完善的编程语言。J......
  • 教你用JavaScript实现乘法游戏
    案例介绍欢迎来的我的小院,我是霍大侠,恭喜你今天又要进步一点点了!我们来用JavaScript编程实战案例,做一个乘法积分游戏。乘法游戏主要通过用户输入的数值和程序计算的数......
  • 5个JavaScript的字符串处理库
    英文| ​​https://blog.bitsrc.io/5-string-manipulation-libraries-for-javascript-5de27e48ee62​​​使用字符串可能是一项繁琐的任务,因为有许多不同的用例。例如,将字......
  • JavaScript中的简单排序算法
    英文| https://medium.com/javascript-in-plain-english/simple-sorting-algorithms-in-javascript-57d512ceaf5d翻译|web前端开发排序是程序员处理数据处理时最常见的......
  • 7种你应该知道的JavaScript常见的错误
    英文| ​​https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492​​​从浏览器的控制台到运行Node.js的计算机终端,我们到处都会看......
  • 请停止在JavaScript中使用类,你将成为一名更好的开发人员
    英文| https://medium.com/javascript-in-plain-english/please-stop-using-classes-in-javascript-and-become-a-better-developer-a185c9fbede1多年来,OOP(面向对象编程)一......