js 操作整理

数组遍历删除

一、利用 splice 方法删除数组元素：

var arr = [1, 2, 3, 3, 4];
for (var i = 0; i < arr.length; i++) {
	if (arr[i] == 3) {
		arr.splice(i, 1);	// 在 i 位置删除 1 个元素
	}
}
-> [1, 2, 3, 4]	  // 只删除了第一个 3

splice 方法在删除数组元素后会将元素向前重排，i = 2 时删除第一个 3，元素向前排，第二个 3 的下标为 2，而下个循坏时 i = 3，因此会漏掉第二个 3。

解决办法：
1. 删除元素后下标前置，跟元素重排的动作保持一致，这样 i 和元素还能对应起来：

var arr = [1, 2, 3, 3, 4];
for (var i = 0; i < arr.length; i++) {
	if (arr[i] == 3) {
		arr.splice(i--, 1);	// 在 i 位置删除 1 个元素
	}
}
-> [1, 2, 4]	  

2. 从后往前删，后面处理过的元素虽然下标不对应了，但前面未处理的元素还是对应的：

var arr = [1, 2, 3, 3, 4];
for (var i = arr.length-1; i >= 0; i--) {
	if (arr[i] == 3) {
		arr.splice(i, 1);	// 在 i 位置删除 1 个元素
	}
}
-> [1, 2, 4]	  

从前往后删，处理过的元素下标对应，但未处理的元素下标不对应 -> 下标重排
从后往前删，处理过的元素下标不对应，未处理的元素下标仍对应 -> ok

二、利用 delete 关键字删除数组元素：

var arr = [1, 2, 3, 3, 4];
for (var i = 0; i < arr.length; i++) {
	if (arr[i] == 3) {
		delete arr[i];	// 将该元素置为 undefined
	}
}
-> [1, 2, undefined, undefined, 4]	  // 有多余的 undefined

delete 是将元素置为 undefined，可以用 filter 去除 undefined：

var arr = [1, 2, 3, 3, 4];
for (var i = 0; i < arr.length; i++) {
	if (arr[i] == 3) {
		delete arr[i];	// 将该元素置为 undefined
	}
}
arr.filter(i => i != undefined); // 过滤掉 undefined 元素
-> [1, 2, 4]	  

数组拷贝

var arr = [1, 2, 3];
var brr = arr;	// 同一个对象
var crr = arr.concat();	// 数组连接，内容拷贝
var drr = arr.slice(0);	// 数组切片，内容拷贝
var err = [...arr];		// es6 扩展运算符，内容拷贝

crr.toString() == arr.toString() -> true	// 内容相同
crr === arr -> false	// 对象不同

强制浏览器刷新 js 文件

浏览器会缓存 js 文件，可以加个版本参数，浏览器识别不同版本参数就会去重新加载 js 文件。
开发时版本参数可以设成随机数，生产上用固定版本。
或者用 webpack，自动打上时间戳或 hash。

// 开发打上时间戳
<script src="my.js"?v=time()> </sccript>
// 生产固定
<script src="my.js"?v=20200410> </sccript>