JavaScript 巧用小样

删除数组尾部元素

更改数组的length值

使用对象结构来模拟命名参数

之前的方法: 使用对象{ a: a1,b:b1}来定义配置多项参数的传入
fn({ foo: 'Hello', bar: 'Hey!', baz: 42 })
ES2015中 使用对象解构 : 无须声明来赋值一个变量

//对象解构
function fn ({ foo = 'Hi', bar = 'Yo!', baz = 13 }){}
//对象解构 + 参数可选(此时可以通过 fn() 没有参数的情况下调用函数)
function fn ({ foo = 'Hi', bar = 'Yo!', baz = 13 }  = {}){}

数组解构

{ [key] :foo } = {z:"bar"}== > foo = "bar" 对象属性计算名

var  thearr = '1997, John , john@doe.com';
var {2:country , 4: state} = thearr.split(',');

Switch语句中使用范围值

//假设传入参数 temp
switch(true){
    case (temp 0): ...... break;
     case (temp >0 && temp 100): .... break;
      default:   ....
}

await 多个async 函数

async 声明一个函数是异步;await是用于等待异步完成,只能在async中使用。
async/await的时候,可以使用Promise.all来await多个async函数

await Promise.all([Async(),Async2(),Async3()])

创建pure Object

var pure object = Object.create(null);

格式化JSON代码

JSON.stringify 讲一个对象字符化; 或格式化输出JSON对象

var obj ={
       foo: { bar: [11, 22, 33, 44], baz: { bing: true, boom: 'Hello' } }
}
JSON.stringify(obj, null, 4);  //4就是数据总共有四层

数组中移除重复元素

使用集合语法和Spread操作,很容易将重复的元素移除。

Spread操作符(...) 用于: 函数传参数组生成

const removeDuplicateItems = arr => [...new Set(arr)];
removeDuplicateItems([42, 'foo' ,42 , 'foo', true, true]);

平铺多维数组

spread操作

const arr =[11, [22,33],[44,55] ,66];
const flatArr = [].concat(...arr);
function flattenArray(arr) {
  const flattened = [].concat(...arr);
  return flattened.some(item => Array.isArray(item)) ?    flattenArray(flattened) : flattened;
}
const arr = [11, [22, 33], [44, [55, 66, [77, [88]], 99]]];

const flatArr = flattenArray(arr);

//=> [11, 22, 33, 44, 55, 66, 77, 88, 99]
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 4,208评论 0 13
  • 前言 人生苦多,快来 Kotlin ,快速学习Kotlin! 什么是Kotlin? Kotlin 是种静态类型编程...
    任半生嚣狂阅读 26,294评论 9 118
  • 昨天是我们一家三口结束10天海南旅行的日子,行程是要从万宁开车去海口神州租车美兰机场店还车,再由租车行的车送去机场...
    那年娜事阅读 329评论 4 3
  • 小话的奇梦空间:目录 (一) 爸爸的秘密·上 1 周末,幼儿园放学比平时早一些,小话回到家就扎进了他的玩具屋。 傍...
    大话心情阅读 658评论 0 5