js 各种碎片小知识

• 数组中添加元素
  在数组末尾添加元素：arr.push()
  在数组头部添加元素：arr.unshift()

• map中添加元素

var mm = {
	"a": 1,
	"b": 2
};
mm.c = 3;
console.log(mm); // {a: 1, b: 2, c: 3}

• slice() 截取数组中的元素
  slice(start, end) //start:开始位置 end:结束位置但不包含该位置

var arr = [1,2,3,4];
var arr1= arr.slice(1,3);
console.log(arr1); // [2,3]
// 如果 end 没有值 则表示从开始位置一直截取到最后
var arr2 = arr.slice(1);
console.log(arr2); // [2,3,4]

• splice() 删除数组中的元素
  splice(index, count) // index:开始位置 count: 删除的个数

var arr = [1,2,3,4,5];
arr.splice(2,1);
console.log(arr); // [1,2,4,5]

• 将对象转为字符串
  JSON.stringfy()
• 将对象转为字符串
  JSON.parse()
• 获取包含某个属性的元素
  $('img[name="dog"]')
• 获取不包含某个class的元素
  $('p:not(.hide)')
• delay()方法：将程序暂停一段时间
  $("div").delay(1000).hide();//1s之后隐藏div元素
• index()方法：获取元素的下标
  $("li:nth-child(2)").index();// 1 当元素是唯一时 返回0
• end()方法：返回上一次的元素
  $("#pa").siblings().hide().end().html("劳资又回来了");//$("#pa").siblings().hide().end()即为$("#pa")
• padStart()和padEnd()字符串扩展方法
  "2".padStart(2,"0"); //"02" 在字符串开头补充
"web".padEnd(6,"*"); //"web***" 在字符串结尾补充
• includes() 用来判断字符串中是否包含某个字符串 返回布尔值
  "I am ok".includes("ok"); //true
• lastIndexOf() 方法用来获取某个特殊字符最后出现的位置
  "skhgsdh".lastIndexOf("s"); //4
• 数组的拼接 ( ES6 语法 )

let a = [1, 2, 3];
let b = [5, 6, 7];
a.push(...b);
// a.concat(b);
console.log(a); //[1, 2, 3, 5, 6, 7]

• apply()的巧妙用法

var arr = [15,68,214,64,30,766,0];
var max = Math.max.apply(null,arr);
//766 获取数组中的最大值
var min = Math.min.apply(null,arr);
//0 获取数组中的最小值

ES6使用扩展运算符…取代apply方法

const arr = [15,68,214,64,30,766,0];
let max = Math.max(...arr);
//766 获取数组中的最大值
let min = Math.min(...arr);
//0 获取数组中的最小值

• 替换掉日期中所有的’/’

'2019/9/9'.replace(RegExp("/", "g"), "-");
// 2019-9-9

• 去除数组中的重复成员（使用ES6的Set）

const array = [ 1, 2, 3, 3, 3 ];
const array1 = [...new Set(array)];
const array2 = Array.from(new Set(array));
console.log(array1);  // [1,2,3]
console.log(array2);  // [1,2,3]