前端在一串字符中取出數(shù)字的方法：
var id_num = parseInt(num.replace(/[^0-9]/ig,""))
何為json叔营？
JSON 是 JS 對象的字符串表示法块茁，它使用文本表示一個 JS 對象的信息课幕，本質(zhì)是一個字符串酒朵。
# JSON對象：
var obj = {a: 'Hello', b: 'World'}; //這是一個對象纺涤，注意鍵名也是可以使用引號包裹的
# JSON字符串：
var json = '{"a": "Hello", "b": "World"}'; //這是一個 JSON 字符串译暂，本質(zhì)是一個字符串
# JSON對象轉(zhuǎn)JSON字符串：
var json = JSON.stringify({a: 'Hello', b: 'World'}); //結(jié)果是 '{"a": "Hello", "b": "World"}'
# JSON字符串轉(zhuǎn)JSON對象：
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //結(jié)果是 {a: 'Hello', b: 'World'}
js中map的坑
map是js所獨有的一種騷操作：
let b = [1,2,3,4,5,6,7,8]
b.map(t => {const t2 = t+2;return t2} )
// 輸出：[3, 4, 5, 6, 7, 8, 9, 10]
JS實現(xiàn)滾動功能：
// 滾動
let scrollStep = fetch.scrollStep; //每次滾動的步長
let scrollEnable = fetch.scrollEnable // 是否需要啟動滾動
let scrollPosition = fetch.scrollPosition // 滾動到哪個位置
while (scrollEnable) {
scrollEnable = page.evaluate((scrollStep,scrollPosition) => {
let scrollTop = document.scrollingElement.scrollTop;
document.scrollingElement.scrollTop = scrollTop + scrollStep;
if (scrollPosition) {
return fetch.scrollPosition > scrollTop + 768 ? true : false
}else{
return document.body.clientHeight > scrollTop + 768 ? true : false
}
}, scrollStep,scrollPosition);
page.waitFor(fetch.scrollTime) // 每次滾動的間隔時間
}
Js中的正則匹配
// 取出里面的字母
const a = "12312424oitett56456uuuu785843uiokmn";
const reg = /\d+/g;
// 定義一個數(shù)組用于保存匹配到信息
let result = [];
let temp = "";
while(temp = reg.exec(a)){
result.push(temp[0])
}
Js中的對象的常用方法
# 1.instanceof 操作符
var arr = [1,2,3,1];
console.log(arr instanceof Array) // true
# 2.對象的constructor屬性
alert(arr.constructor === Array); // true
JS中判斷一個數(shù)組是否為空的辦法
if(Array.prototype.isPrototypeOf(res) && res.length === 0) console.log("空數(shù)組")
JS中快速生成數(shù)組的方法：
// 生成的JSON
Array.from(new Array(10), (v,i) => { return {number: i}});
// 生成的一個0到9的數(shù)組
Array.from(new Array(10), (v,i) => return i );
JS中調(diào)用promise對象的問題
const a = () => {
return new Promise((resolve,reject) => {
setTimeout(() => {
resolve(1)
},1000)
})
}
const b = async () => {
const c = await a()
console.log(`這是結(jié)果1：${c}`)
return c
}
// 如果需要調(diào)用b來實現(xiàn)調(diào)用a的話直接：
// const c = b() 這樣是不行的，會得到promise[pending]
// 需要這樣
const c = await b()
js 中合并兩個對象的方法
// 方法一(使用jQuery)
var a = {o:123,p:234};
var b = {n:456,m:678};
var c = $.extend(a,b); // c = {o:123,p:234,n:456,m:678}
// 方法二(使用ES6)
var c = Object.assign(a,b) // c = {o:123,p:234,n:456,m:678}
// 方法三（使用...運(yùn)算符）
var c = {...a, ...b}
// 對比Python：
a = {"yu": 12312, "nu": 34455}
b = {"a": 23, "b": 980}
c = dict(a, **b) // c = {'yu': 12312, 'nu': 34455, 'a': 23, 'b': 980}
在一個由對象組成的列表中查找這個對象在列表中的位置
方法一(findIndex)：
const testList = [{No:1,name:'t'},{No:2,name:'n'},{No:3,name:'z'},{No:4,name:'y'}]
const step = this.testList.findIndex(e => e.No === 3)
// 輸出 step : 2
方法二(map函數(shù))：
const testList = [{No:1,name:'t'},{No:2,name:'n'},{No:3,name:'z'},{No:4,name:'y'}]
const step = testList.map(e => e.No).indexOf(3)
// 輸出 step : 2
js中判斷一個對象是json還是數(shù)組的方法：
a = {test:1231,test2:456}
if (a.length === undefined) // json的length為undefined
console.log("json")
else
console.log("數(shù)組")
...操作的坑
今天擼Vue中遇到一個坑撩炊，來記錄一下：
結(jié)論：...操作若都是操作的json外永，則后面的json里面的內(nèi)容會替換調(diào)前面json中重名的。
a = {t:1234,o:567}
b = {t:'kan wo',u:'test'}
{...a,...b}
// 輸出
{t: "kan wo", o: 567, u: "test"}
{...b,...a}
// 輸出
{t: 1234, u: "test", o: 567}
判斷一個變量是否是數(shù)字：
var a = 123
var b = '123'
isNaN(a) // true
isNaN(b) // false
