经常用到的一些 JS 小知识点

都是一些基础知识点，列出来辅助记忆，今后遇到的也都收纳至此篇。

字符串

string 转 int

var value = parseInt("11");

string 转 date

var time = "2018-09-18 10:08:44";  
var date = new Date(time);

string 转 array

function string2Array(stringObj) {
  stringObj = stringObj.replace(/([\w,]∗)/, "$1");  
  if (stringObj.indexOf("[") == 0) {
    stringObj = stringObj.substring(1, stringObj.length - 1);
  }
  var arr = stringObj.split(",");
  var newArray = [];//new Array();  
  for ( var i = 0; i < arr.length; i++) {
    var arrOne = arr[i];  
    newArray.push(arrOne);  
  }
  return newArray;  
};

测试

string2Array('[1,2,3,4]')

结果：

["1", "2", "3", "4"]

将数组中的元素拼接为一个字符串

方法1
默认英文逗号为分隔符，也可指定分隔符

arrayObject.join(‘分隔符’);

方法2
默认英文逗号为分隔符

arrayObject.toString();

字符串是否包含字符串

var str1 = '12345';
var str2 = '123';
var patt1 = new RegExp(str2);
document.write(patt1.test(str1));

结果：true

指定的字符串值在字符串中首次出现的位置

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

结果：

0
-1
6

结果‘-1’ 表示不包含目标字符串，也可用来判断包含关系。

字符串换行

var title = `第一行
第二行`；
alert(title);

字符串拼接

var name = 'Nino';
var appearance = 'handsome';
var res = `${name}'s appearance is ${appearance}`
document.write(res);

结果： Nino's appearance is handsome

防止事件冒泡

from: https://blog.csdn.net/wxl1555/article/details/53128966

event.stopPropagation()方法

这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开，

event.preventDefault()方法

这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素；

return false ；

这个方法比较暴力，他会同事阻止事件冒泡也会阻止默认事件；写上此代码，连接不会被打开，事件也不会传递到上一层的父元素；可以理解为return false就等于同时调用了event.stopPropagation()和event.preventDefault()

其他

点击按钮跳转至页面指定位置

 <a href="#comment">去评论</a>
 
 // 将会跳转至这里
 <div id="comment">评论</div>

也可在onClick事件中添加：

 window.location.hash = "#comment";