Object 数组分组

下面的代码是用来按数组对象的指定属性来排序。

代码

export const groupBy = (arr: any[], key: string): any[] | null => {
  if (arr) {
    const grouped = arr.reduce((group: any, obj: any) => {
      const data = obj[key]
      group[data] = group[data] ?? []
      group[data].push(obj)
      return group
    }, {})

    return grouped
  }

  return null
}

使用 reduce 切分字符串然后重新拼接

业务上有一个需求，后台传过来一个字符串，里面有括号 （ ） 和顿号 、，但是在前台展示时，要切分之后给每段文字加链接。
另外，字符串不确认内容，最多包含包含 4 段文字。

示例：

文字 1、（文字 2、文字 3）、文字 4

分隔完上面的文字后，就可以对 （, ）, 、以外的文字加链接了。

前言

原视频链接：慕课网上 Bosn 老师的《JavaScript 深入浅出》

目录

• 第 1 章 数据类型
• 第 2 章 表达式和运算符
• 第 3 章 语句
• 第 4 章 对象
• 第 5 章 数组
• 第 6 章 函数和作用域（函数、this）
• 第 7 章 函数和作用域（闭包、作用域）
• 第 8 章 OOP（上）
• 第 9 章 OOP（下）
• 第 10 章 正则与模式匹配

第 1 章 数据类型

1-1 深入浅出课程介绍

略

1-2 六种数据类型

原始类型（基本类型）：

• number
• string
• boolean
• null
• undefined

除此之外，JavaScript 还有一种对象类型（复合类型）object。

2-1 表达式

原始表达式

• 常量、直接量
• 关键字
• 变量

原始表达式和原始表达式可以复合成复合表达式，比如10 * 20就是两个原始表达式通过运算符构成了复合表达式。

数组、对象的初始化表达式

比如：

3-1 block 语句、var 语句

块 block

块语句常用于组合 0~多个语句。块语句用一对花括号定义。

语句：

{
  语句1;
  语句2;
  ...
  语句N;
}

4 - 1 对象概述

概述

对象中包含一系列属性，这些属性是无序的。
每个属性都有一个字符串 key和对应的 value。

var obj = {}
obj[1] = 1
obj['1'] = 2
obj // Object {1: 2}
// 上面可以看错，不管是数字型的1作为属性，还是字符串型的'1'作为属性，他们指向同一个属性。

obj[{}] = false
obj[{ x: 1 }] = true
obj // Object {1:2, [object Object]: true}
// 同样，这里不管是空对象，还是属性x为1的对象作为key，都是把它们toString()之后作为key，他们最终指向同一个属性。