首页 > 编程语言 >javaScript中的一些简写,请备好!

javaScript中的一些简写,请备好!

时间:2023-01-16 13:45:53浏览次数:44  
标签:请备 test1 name type javaScript && 简写 data

废话不多说,直接列举一些JavaScript中的简写语法,仅供大家参考!

1、当我们确实有一个对象数组并且我们想要根据对象属性查找特定对象时,find方法确实很有用。

const data = [
  {
    type: 'test1',
    name: 'abc'
  },
  {
    type: 'test2',
    name: 'cde'
  },
  {
    type: 'test1',
    name: 'fgh'
  },
]
function findtest1(name) {
  for (let i = 0; i < data.length; ++i) {
    if (data[i].type === 'test1' && data[i].name === name) {
      return data[i];
    }
  }
}

//简写
filteredData = data.find(data => data.type === 'test1' && data.name === 'fgh');
console.log(filteredData); // { type: 'test1', name: 'fgh' }

 

2、如果仅在变量为 true 的情况下才调用函数,则可以使用 && 运算符。

//传统
if (test1) {
 callMethod(); 
} 

//简写
test1 && callMethod();

  

3.此函数有助于将对象转换为对象数组。

const data = { test1: 'abc', test2: 'cde', test3: 'efg' };
const arr = Object.entries(data);
console.log(arr);
/** Output:
[ [ 'test1', 'abc' ],
  [ 'test2', 'cde' ],
  [ 'test3', 'efg' ]
]
**/

  

 

标签:请备,test1,name,type,javaScript,&&,简写,data
From: https://www.cnblogs.com/agen-su/p/17055205.html

相关文章

  • JavaScript 浅拷贝和深拷贝
    JavaScript中的拷贝分为两种:浅拷贝和深拷贝。一、浅拷贝浅拷贝是指在拷贝过程中,只拷贝一个对象中的指针,而不拷贝实际的数据。所以,浅拷贝中修改新对象中的数据时,原对象中......
  • day60-watch与计算属性的对比与监视属性的简写
    监视属性与计算属性对比监视属性简写 watch:{//正常写法/*isHot:{handler(newvalue,oldvalue){//当isHot改变的时候调用......
  • 【译】15 个有用的 JavaScript 技巧
    原文地址:https://javascript.plainenglish.io/15-useful-javascript-tips-814eeba1f4fd1)数字分隔符为了提高数字的可读性,可以使用下划线作为分隔符。constlargeNumber......
  • JavaScript是怎样实现继承的?
    一、是什么继承(inheritance)是面向对象软件技术当中的一个概念。如果一个类别B“继承自”另一个类别A,就把这个B称为“A的子类”,而把A称为“B的父类别”也可以称“A是B的超......
  • JavaScript学习笔记—window对象
    window对象浏览器为我们提供了一个window对象,可以直接访问window对象代表的是浏览器窗口,通过该对象可以对浏览器窗口进行各种操作,除此之外window对象还负责存储JS中的内......
  • JavaScript学习笔记
     JavaScript学习笔记概念脚本语言:一行一行的翻译成机器语言,并一行一行的执行;而不是全部编译执行; 作用表单动态校验、网页特效、服务端开发Node.js、桌......
  • JavaScript学习笔记—全局和局部作用域
    作用域(scope)指的是一个变量的可见区域全局作用域在网页运行时创建,在网页关闭时消耗所有直接编写到script标签中的代码都位于全局作用域中变量是全局变量,可以在任意......
  • JavaScript学习笔记—函数
    1.语法function函数名(){语句......}2.定义和调用函数-语法:函数名()使用typeof检查函数对象时返回function定义方式(1)函数声明(2)函数表达式(3)箭头函数//......
  • JavaScript原型和原型链?有什么特点?
    一、原型JavaScript 常被描述为一种基于原型的语言——每个对象拥有一个原型对象当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的......
  • JavaScript – Temporal API & Date
    前言TemporalAPI是JS的新东西,用来取代Date.虽然现在(15-01-2023)没有任何游览器支持.但它已经是stage3了.而且有完整的polyfill,所以还是非常推荐大家积......