JS常用方法&技巧
Number数字
String字符串
1.replace()
- 理解
replace方法可以将视图中获取的内容替换成最终数据
stringObject.replace(regexp/substr,replacement)
//我的理解
data.replace("html替换源",js要替换的数据变量名)
- 例子
app.js
//需要响应数据,假设响应数据值为data
var msg=" test
"
data.replace("xox",msg);
index.html
xox
Array数组
1.forEach()
- 定义
forEach() 方法用于调用数组的每个元素,并将元素传递给回调函数。
注意: forEach() 对于空数组是不会执行回调函数的。
- 用法
array.forEach(function(currentValue, index, arr), thisValue)
//array:要遍历的数组名
//currentValue:数组值名称
//index:可选。数组索引
//arr: 可选。当前元素所属的数组对象。
//thisValue:可选。传递给函数的值一般用 "this" 值。
- 例子
var msgs = [{
name: '张三',
content: '你好我是张三',
create_time: '2001-12-23'
},
{
name: '李四',
content: '你好我是李四',
create_time: '2001-12-23'
}
]
// 创建动态页面
var msghtml = ""
msgs.forEach(function (item) {
msghtml += `${item.name} ${item.content} ${item.create_time} `
})
var data=data.replace("{content}",msghtml);//{content}html中获取
2.push()
数组中添加新元素
3.pop()
数组中移出最后一个元素
Boolean布尔
Date日期
使用前:var d=new Date
1.d.toLocaleDateString()
返回2021/11/28格式日期
Global全局
Math数学
RegExp正则
es6
1. ${expression}模版字符串
- 定义
用法之一.将字符串与变量进行拼接
- 用法
es6语法:反引号
`hello$(expression)`
//expression:变量名,一定是用反单引号