获取字符串长度
直接使用字符串属性 length:
let str = "abcd"
let len = str.length
console.log(len) // Output: 4
trim()
直接使用字符串方法 trim():
let str = document.getElementById("id").value.trim();
获取 Input 的值
let x = document.getElementById("myText").value;
字符串转整数
使用 parseInt(str, radix), 第一个参数时要转换的字符串,第二个参数时进制,表示字符串里的数字应理解为多少进制。
var text = '42px';
var integer = parseInt(text, 10); // returns 42
整数转字符串
number.toString(radix)
var num = 15;
let n = num.toString();
获取文本
可以使用下面两个属性之一:
- innerHTML
- textContent
下面的例子可以看出这两个属性的差别:
HTML:
<div id="test">
Some <span class="foo">sample</span> text.
</div>
Javascript:
let node = document.getElementById('test'),
htmlContent = node.innerHTML,
// htmlContent = "Some <span class="foo">sample</span> text."
textContent = node.textContent;
// textContent = "Some sample text."
修改文本
可以使用下面两个属性之一:
- innerHTML
- textContent
示例:
fieldNameElement.textContent = "My new text";
fieldNameElement.innerHTML = "My new text";
判断数据类型是否是字符串
if (typeof str === 'string') {
// do something
}
对数组添加或删除元素(从头部或从尾部操作)
我们知道 push 是将元素加入到数组尾部,pop 是从数组尾部弹出一个元素。那么,要在数组头部操作,有什么方法呢?
答案是 unshift/shift
- unshift / push 在数组的头部/尾部增加元素
- shift / pop 弹出数组头部/尾部的元素
从数组中移除任意一个元素
var array = [2, 5, 9];
console.log(array)
var index = array.indexOf(5);
if (index > -1) {
array.splice(index, 1);
}
// array = [2, 9]
console.log(array);
生成随机字符串
function makeid() {
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for (var i = 0; i < 5; i++)
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
console.log(makeid());
判断字符串是否是 JSON 字串
function IsJsonString(str) {
try {
JSON.parse(str);
} catch (e) {
return false;
}
return true;
}
子字符串
substring(开始索引位置, [结束索引位置])
注意:返回的字符串包括了开始索引位置的字符,但是,不包括结束位置的字符!!!
var str = 'Mozilla';
console.log(str.substring(1, 3));
// expected output: "oz"
console.log(str.substring(2));
// expected output: "zilla"
给日期设置时间
setHours 不但可以设置小时数,还可以设置分钟、秒、毫秒!
格式:
dateObj.setHours(hoursValue[, minutesValue[, secondsValue[, msValue]]])
例如:
var event = new Date('August 19, 1975 23:15:30');
event.setHours(20);
console.log(event);
// expected output: Tue Aug 19 1975 20:15:30 GMT+0200 (CEST)
// (note: your timezone may vary)
event.setHours(20,21,22);
console.log(event);
// expected output: Tue Aug 19 1975 20:21:22 GMT+0200 (CEST)
判断变量是否是日期类型
typeof date.getMonth === 'function'