Number、parseInt、parseFloat都会自动过滤字符串前导和后缀的空格

• 转换函数:
  • parseInt('123')
  • parseFloat('89')
• 强制类型转换
  • Number(value)——把给定的值转换成数字（可以是整数或浮点数）

• 四舍五入:数值类型.toFixed(n)——返回结果是字符串，n是位数

  var num =2.446242342;
  num = num.toFixed(2);  // 输出结果为 2.45
  复制

• 巧用正则匹配-当作字符串，使用正则匹配：

  Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/))   
  // 输出结果为 15.77,不能用于整数如 10 必须写为10.0000
  复制

  问题很明显：使用正则匹配保留两位数的前提是有足够多的位数

• substr()：第一个参数表示元素索引可以为负数， 第二个参数表示截取的字符串长度。
• substring()：两个参数都不接受负数，都表示元素索引，如果 第一个参数 比 第二个参数大，那么该方法在提取子串之前会先交换这两个参数。
• slice()： 两个参数都接受负数，都表示元素索引， 如果 第一个参数 比 第二个参数大，返回空字符串。

typeof value == 'number'

返回的是数字类型的字符串表现形式，最终还是要通过字符串比较来判断字符串

在JavaScript中，格式化输出通常指的是将数据以一种易于阅读的方式展示出来。这可以通过多种方式实现，包括使用模板字符串、console.log()函数的不同参数，以及一些库如util.format()（在Node.js中）等。以下是一些常见的格式化输出的例子：

1. 使用模板字符串（Template Literals）：

   • 模板字符串允许嵌入表达式

   const name = 'World';
   const greeting = `Hello, ${name}!`;
   console.log(greeting); // 输出：Hello, World!
   复制

   • 模板字符串允许你创建多行字符串，而不需要使用转义字符（如\n）

   const multiLine = `This is a string
   that spans multiple
   lines without needing to use
   escape characters like \n`;
   console.log(multiLine);
   复制

2. **使用`console.log()`输出多个值**：
   - `console.log()`可以用来输出一个或多个值，它们会以空格分隔。

   ```javascript
   const a = 1;
   const b = 'text';
   console.log(a, b); // 输出：1 text
复制

3. 使用console.dir()列出对象的属性：

   • console.dir()用于列出对象的所有可枚举属性。

   const obj = { a: 1, b: 2 };
   console.dir(obj); // 输出对象的所有属性
   复制

4. 使用JSON.stringify()将对象转换为字符串：

   • JSON.stringify()可以将对象转换为JSON格式的字符串，这对于调试复杂对象非常有用。

   const obj = { a: 1, b: { c: 3 } };
   console.log(JSON.stringify(obj, null, 2)); // 输出格式化的JSON字符串
   复制

5. 使用util.format()（Node.js）：

   • 在Node.js中，util.format()提供了一种格式化字符串的方法，类似于C语言的printf。

   const util = require('util');
   const formatted = util.format('Hello %s! The value of pi is approximately %d.', 'World', 3.14159);
   console.log(formatted); // 输出：Hello World! The value of pi is approximately 3.
   复制

• str.subString():
  str.substring(4); 括号里只有一位数时，取的是str最后几位的字符串

  var str="aabbccdd";
  console.info(str.substring(4));  //得到ccdd,需要用变量接收
  复制

• string.replace(regexp, newSubstr|function)，只要newSubstr为空字符串，那么就能达到删除字符的效果，当然正则更多用来匹配替换而不仅仅是删除字符

如果 newSubstr 是一个函数，则会为每个匹配的部分调用该函数，并将其返回值作为替换字符串。例如：

var str = "Hello World";
var newStr = str.replace(/(\w+)\s(\w+)/, function(match, p1, p2) {
  return p2 + ', ' + p1;
});
console.log(newStr); // 输出 "World, Hello"

复制

在这个示例中，正则表达式 /\w+\s\w+/ 匹配了 "Hello World" 中的 "Hello" 和 "World"，然后通过一个函数来交换它们的位置，并返回新的字符串。

参考文档：JS向数组添加元素，插入数据_woshidamimi0的博客-CSDN博客_js 数组插入

参考文档：JS实现数组去重的几种方法_发呆的薇薇°的博客-CSDN博客_js实现数组去重

参考文档：js json数组去重_小疯子丫的博客-CSDN博客_js json数组去重
注意事项：演示代码中的key参数其实不是很合适，因为什么点key的key可能替换取值上有问题，如果确切知道key的字符串形式是什么，推荐直接写~

参考文档：

• 使用js实现操作两个json数组合并、去重，以及删除某一项元素 - 开发技术 - 亿速云 (yisu.com)

参考文档：

• (62条消息) findindex - CSDN
• js里的filter函数 - 简书 (jianshu.com)
• JS中的some()方法_沈以诚的博客-CSDN博客_js some
• javascript 中的map()方法_小胖梅的博客-CSDN博客_javascript map
  • JS中map()函数的使用_bluepad的博客-CSDN博客_js map()函数

参考文章：将RGB颜色值转换为十进制 - IT屋-程序员软件开发技术分享社区 (it1352.com)
实践代码：

                if (danmu[i].v2_color) {

                    color = (danmu[i].v2_color.color_left.r << 16) + (danmu[i].v2_color.color_left.g << 8) + (danmu[i].v2_color.color_left.b);

                }
复制

进制转换相关方法：使用JavaScript进行进制转换将字符串转换为十进制javascript技巧脚本之家 (jb51.net)

类似call()，区别在于

call() 方法分别接受参数。

apply() 方法接受数组形式的参数。

如果要使用数组而不是参数列表，则 apply() 方法非常方便。

var person = {
  fullName: function(city, country) {
    return this.firstName + " " + this.lastName + "," + city + "," + country;
  }
}
var person1 = {
  firstName:"Bill",
  lastName: "Gates"
}
person.fullName.apply(person1, ["Oslo", "Norway"]);
复制

所有函数都有权访问全局作用域。

事实上，在 JavaScript 中，所有函数都有权访问它们“上面”的作用域。

在本例中，内部函数 plus() 可以访问父函数中的 counter 计数器变量：

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();     
    return counter; 
}
复制

变量 add 的赋值是自调用函数的返回值。

这个自调用函数只运行一次。它设置计数器为零（0），并返回函数表达式。

这样 add 成为了函数。最“精彩的”部分是它能够访问父作用域中的计数器。

这被称为 JavaScript 闭包。它使函数拥有“私有”变量成为可能。

计数器被这个匿名函数的作用域保护，并且只能使用 add 函数来修改。

闭包指的是有权访问父作用域的函数，即使在父函数关闭之后。

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();

add();
add();
add();

// 计数器目前是 3 
复制

"I will call back later!"

回调 (callback) 是作为参数传递给另一个函数的函数

这种技术允许函数调用另一个函数

回调函数可以在另一个函数完成后运行（等我干完这件事再回头调用你）

"I will finish later!"

与其他函数并行运行的函数称为异步（asynchronous）

一个很好的例子是 JavaScript setTimeout()——>每一次超时执行一次设定好的回调函数

如果您创建函数来加载外部资源（如脚本或文件），则在内容完全加载之前无法使用这些内容。

这是使用回调的最佳时机。

此例加载一个 HTML 文件 (mycar.html)，并在文件完全加载后在网页中显示该 HTML 文件：

function myDisplayer(some) {
  document.getElementById("demo").innerHTML = some;
}

function getFile(myCallback) {
  let req = new XMLHttpRequest();
  req.open('GET', "mycar.html");
  req.onload = function() {
    if (req.status == 200) {
      myCallback(this.responseText);
    } else {
      myCallback("Error: " + req.status);
    }
  }
  req.send();
}

getFile(myDisplayer);
复制

在上面的示例中，myDisplayer 用作回调。函数（函数名）作为参数传递给 getFile()。

——>执行完getFile()后就会去回调myDisplayer<——

类声明不会被提升。

这意味着您必须先声明类，然后才能使用它

对于其他声明，如函数，在声明之前尝试使用它时不会出错，因为 JavaScript 声明的默认行为是提升（将声明移到顶部）。

如需创建类继承，请使用 extends 关键字。super() 方法引用父类。

使用类继承创建的类继承了另一个类的所有方法：

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}

class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}

let myCar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = myCar.show();
复制

• 类中添加 getter 和 setter，请使用 get 和 set 关键字。

• 即使 getter 是一个方法，当你想要获取属性值时也不要使用括号。

• getter/setter 方法的名称不能与属性名称相同——>可以在属性名称前使用下划线字符 _ 将 getter/setter 与实际属性分开

getter与setter：

class Car {
  constructor(brand) {
    this._carname = brand;
  }
  get carname() {
    return this._carname;
  }
  set carname(x) {
    this._carname = x;
  }
}

let myCar = new Car("Ford");
myCar.carname = "Volvo";
document.getElementById("demo").innerHTML = myCar.carname;
复制

static 类方法是在类本身上定义的。

您不能在对象上调用 static 方法，只能在对象类上调用。

如果要在 static 方法中使用 实例类对象，可以将其作为参数发送：

class Car {
  constructor(name) {
    this.name = name;
  }
  static hello(x) {
    return "Hello " + x.name;
  }
}
let myCar = new Car("Ford");
document.getElementById("demo").innerHTML = Car.hello(myCar);
复制