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:变量名,一定是用反单引号