javascript 代码片段-蒲公英云

javascript 代码片段

获取字符串长度

直接使用字符串属性 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)