Author：Gorit
Date：2021/8/25
2021年发表博文：21/30

参考内容：

  1. 日常工作总结
  2. 日常学习总结《JavaScript 语言精粹》
一、会导致为 false 的变量
  • false
  • null
  • undefined
  • ’ ’ 空字符串
  • 数字 0
  • 数字 NAN

其余的都是真

二、JS 中的字符串排序

2.1 场景还原

现在有个列表是根据一个字段 a 来进行排序的，但是现在需求改了，需要使用字段 b 来排序。经过排查，发现字段 a 和 字段 b 均从服务端以 JSON 传递而来的。刚开始我还

2.2 基本用法：

JavaScript API

localeCompare

我们使用了 StringObject.localeCompare(target) 进行字符串排序

StringObject 比 target 小，则返回 小于 0 的数，反之

1.3 示例：

let str = ['2','1','3']
str.sort((a,b) => {
	return a.localeCompare.b;
})
得到
['1','2','3']
三、js 通过删除数组中指定的元素

这里一般用于后台管理系统删除元素，通过 ajax 删除实现

deleteLink (id) {
	let arr = this.page.list // 获取得到的数组
	arr.forEach((item, index, res) => {
	if (item.linkId == id) {
		res.splice(index,1) // 修改返回的新数组，res 会赋值给 this.page.list
	}
})
}
四、获取对象值的两种方式 
let user = {
	name: "Gorit",
	age: 18	
}
user["name"] = Gorit
user.age =18
五、给基础数据类型扩展类型功能

关键词

  • 原型链
  • 正则表达式

以下在 Node.js 环境中进行测试

  • 基于 JavaScript 原型链继承动态本质，新增的方法会被赋予到所有的对象实例上
  • 扩展类型的功能，给 JavaScript 的基本类型增加额外的功能。我们只需要通过 Object.prototype 添加方法，即可对函数、数组、字符串、数字、正则表达式和 布尔表达式同样适用
// 一个小技巧，通过给 Function.prototype 添加 method 方法，下次给对象添加方法就不必输入 prototype了
Function.prototype.method = function(name, func) {
    // 为防止和其他公共的类库混用，符合条件时才增加
    if (!this.prototype[name]) {
        this.prototype[name] = func;
    }
    return this;
}

使用示例：

/**
 * JavaScript 没有提供处理 整数的函数，我们给 Number.prototype 增加一个 integer 方法。根据数字正负来判断 Math.ceiling 还是 Math.floor
 * 小于 0 向上取整，大于 0 向下取整
 * 不能用箭头函数
 */
Number.method('integer',function() {
    return Math[this < 0 ? 'ceil' : 'floor'](this);
})

console.log((-10 / 3).integer()); // -3

/**
 * JavaScript 缺少一个移除字符串首尾空白的方法，这个小疏忽比较容易弥补
 * 正则表达式 \s是指空白，包括空格、换行、tab缩进等所有的空白  \S 相反
 * / ... /  正则表达式包裹
 * \s+ 表示任意多个
 * | 表示两边随机选一个
 * ^ 从头开始匹配
 * $ 匹配到结尾
 * g 表示适配所有可能的情况
 */

// 算法题：实现字符串的 trim() 方法
String.method('trim', function() {
    return this.replace(/^\s+|\s+$/g, '');
})

console.log("   dwdwd ".trim()); // Node 环境使用
// document.write("   dwdwd ".trim())  HTML 中使用
六、递归解决汉诺塔问题

汉诺塔问题不清楚的同学可以去4399 小游戏上体验一下，实现代码如下：

// count 表示盘子数量
let hanio = (count, src, aux, dst) => {
    if (count <= 0) return;
    hanio ( count - 1, src , dst , aux);
    console.log ('Move disc ' + count + ' from ' + src + ' to ' + dst);
    hanio( count - 1, aux, src , dst);
};

hanio(2, 'A', 'B', 'C');

你不知道的 JavaScript 小知识_字段

七、闭包 八、回调