JS第五天

作者: knot98 | 来源:发表于2018-10-18 17:26 被阅读0次

xdh精英班Day5
JavaScript30 Day 5(flex box)
JS第五天
JS第五天
JS学习——第五天
js基础第五天
js进阶第五天
js第五天笔记
runoob js第五天
复习VUE.JS第五天

JS常用类

一、Number

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Number</title>
</head>
<body>
    Number
</body>
<script type="text/javascript">
    // 常用数字
    console.log(10);
    console.log(3.14);
    console.log(1e5);
    console.log(1e-5);
    console.log(Infinity);
    console.log(-5/0);

    // 进制
    var a = 0b1010;  // 8421
    var b = 012;
    var c = 10;
    var d = 0xA;
    console.log(a, b, c, d);

    // 常用常量
    console.log(Number.MAX_VALUE);
    console.log(Number.MIN_VALUE);
    console.log(Number.NEGATIVE_INFINITY, Number.POSITIVE_INFINITY);

    console.log(999999999999998);
    console.log(9999999999999989); // 9999999999999988
    console.log(3.1, 3.2);
    console.log(3.1 + 3.2);  // 6.300000000000001

    // 常用实例方法
    // toExponential(n): (先科学记数，再确定精度，n为小数精度)
    console.log(13.145.toExponential(3));  // 13.14 => 1.314e+1 => 1.31e+1 (13.15=>1.32e+1)

    // toFixed(n): (先确定精度，再普通记数，n为小数精度)
    console.log(3.14.toFixed(1))  // 3.14四舍五入保留一位小数

    // toPrecision(n): (先确定精度，再记数，n为位数精度)
    console.log(13.14.toPrecision(1))  // 1e+1
    console.log(13.14.toPrecision(2))  // 13
    console.log(13.14.toPrecision(3))  // 13.1
    console.log(156.14.toPrecision(1))  // 2e+2

    var num = 10;
    console.log(num.toString());
    console.log(10..toString(8));
    
</script>
</html>

1、常用数字

整数：10
小数：3.14
科学计数法：1e5 | 1e-5
正负无穷：Infinity | -Infinity

2、常用进制

二进制：0b1010
八进制：012
十进制：10
十六进制：0xA

3、NaN

非数字类型，通过isNaN()进行判断

4、常用常量

最大值：MAX_VALUE(1.7976931348623157e+308)
最小值：MIN_VALUE(5e-324)
正负无穷：NEGATIVE_INFINITY | POSITIVE_INFINITY(-Infinity | Infinity)

5、常用实例方法

toExponential(n) => 3.14.toExponential(1) => 1.3e+1 (先科学记数，再确定精度，n为小数精度)
toFixed(n) => 3.14.toFixed(1) => 3.1 (先确定精度，再普通记数，n为小数精度)
toPrecision(n) => 13.14.toPrecision(1|2) => 1e+1|13 (先确定精度，再记数，n为位数精度)
toString() =>

v-hint：经典bug数字13.145

二、时间

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Data</title>
</head>
<body>
    
</body>
<script type="text/javascript">
    var date = new Date();
    console.log(date);

    // 获得特定的时间组成部分
    var year = date.getFullYear();
    console.log(year);
    // 月从0编号
    console.log(date.getMonth() + 1);

    console.log(date.getUTCDate());
</script>
</html>

1、创建并获取时间

var date = new Date();

2、时间戳

date.getTime(); // 毫秒数

3、获取时间

年：date.getFullYear()
月：date.getMonth() + 1
日：date.getDate()
星期：date.getDay()
小时：date.getHours()
分钟：date.getMinutes()
秒：date.getSeconds()
毫秒：date.getMilliseconds()

4、常见格式时间

getUTCFullYear()
getUTCDate()
getUTCHours()

三、字符串

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>String</title>
</head>
<body>
    String
</body>
<script type="text/javascript">
    // '' | "" | "''" | '""' | "\"\"" | '\'\''
    var str = '字符串';
    console.log(str);

    // length
    console.log(str.length);

    // 方法
    str = "abc123hello123GOOD123嘿嘿";
    // 自定索引下的字符
    console.log(str.charAt(1));
    console.log(str[1]);
    // 拼接,返回拼接后的字符串
    var newStr = str.concat(123);
    console.log(str,'\n', newStr);

    // indexOf(str)：指定字符串第一次出现的位置
    console.log(str.indexOf("123"));  // 3

    // replace(re, str)：将正则匹配到的字符串替换为指定字符串
    newStr = str.replace("hello", "world");
    console.log(str, newStr);

    // substr(n, m)：从索引n开始，截取m个字符长度(m省略代表截取到最后)
    // 索引3开始,截取3个字符长度
    newStr = str.substr(3, 3);
    console.log(newStr);

    // slice(n, m)：同substring(n, m)
    // 索引3开始,6结束(不包含6) [3, 6)
    newStr = str.slice(3, 6);
    console.log(newStr);

    // split(re, n)：以指定正则将字符串拆分为数组, n可选为截取后得到的数组最大长度
    var arr = str.split("123", 2);
    console.log(arr);

    // trim()：去除首尾空白字符
    str = "   123  abc   "
    console.log(str.trim());
</script>
</html>

1、常用字符串

'string' | "string" | 'my name is "zero"' | "I'm 'boy" | "I \"love\" you"

2、常用属性

length：字符串长度

3、常用方法

charAt(n)：指定索引字符，同[n]
concat(str)：将目标字符串拼接到指定字符串之后
indexOf(str)：指定字符串第一次出现的位置
lastIndexOf(str)：指定字符串最一次出现的位置
replace(re, str)：将正则匹配到的字符串替换为指定字符串
substr(n, m)：从索引n开始，截取m个字符长度(m省略代表截取到最后)
substring(n, m)：从索引n开始，截取到索引m(m省略代表截取到最后)
slice(n, m)：同substring(n, m)
split(re)：以指定正则将字符串拆分为数组
toUpperCase()：转换为大写
toLowerCase()：转换为小写
trim()：去除首尾空白字符

四、数组

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>String</title>
</head>
<body>
    String
</body>
<script type="text/javascript">
    // '' | "" | "''" | '""' | "\"\"" | '\'\''
    var str = '字符串';
    console.log(str);

    // length
    console.log(str.length);

    // 方法
    str = "abc123hello123GOOD123嘿嘿";
    // 自定索引下的字符
    console.log(str.charAt(1));
    console.log(str[1]);
    // 拼接,返回拼接后的字符串
    var newStr = str.concat(123);
    console.log(str,'\n', newStr);

    // indexOf(str)：指定字符串第一次出现的位置
    console.log(str.indexOf("123"));  // 3

    // replace(re, str)：将正则匹配到的字符串替换为指定字符串
    newStr = str.replace("hello", "world");
    console.log(str, newStr);

    // substr(n, m)：从索引n开始，截取m个字符长度(m省略代表截取到最后)
    // 索引3开始,截取3个字符长度
    newStr = str.substr(3, 3);
    console.log(newStr);

    // slice(n, m)：同substring(n, m)
    // 索引3开始,6结束(不包含6) [3, 6)
    newStr = str.slice(3, 6);
    console.log(newStr);

    // split(re, n)：以指定正则将字符串拆分为数组, n可选为截取后得到的数组最大长度
    var arr = str.split("123", 2);
    console.log(arr);

    // trim()：去除首尾空白字符
    str = "   123  abc   "
    console.log(str.trim());
</script>
</html>

1、常见数组

[1, 2, 3] | ['1', '2', '3'] | [1, '2', true]

2、常用属性

length：数组元素个数

3、常用基础方法

concat(arr)：将目标数组拼接到指定数组之后
indexOf(ele)：指定元素第一次出现的位置
lastIndexOf(ele)：指定元素最一次出现的位置
reverse()：反转数组
includes(ele, n)：从索引n开始往后，元素ele是否在数组中，做全等匹配，索引从头开始n可以省略(in只做值匹配)
fill(ele)：以指定元素填充整个数组
slice(n, m)：从索引n开始，截取到索引m(m省略代表截取到最后)
join(str)：以指定字符串连接成字符串

4、增删改方法

push(ele)：从尾加
unshift(ele)：从头加

pop()：从尾删
shift()：从头删

splice(begin, length, ...eles)：完成增删改
// begin开始索引
// length长度
// 新元素们(可以省略)

5、回调函数方法

filter(function(value, index){ return true | false})：过滤器
every(function(value, index){ return 条件表达式; })：全部满足条件
some(function(value, index){ return 条件表达式; })：部分满足条件
reduce(function(prev,value,index){ return prev * value; })：累积
sort(function(o, n){ return o > n })：正逆向排序

五、Math

1、常用常量

E：返回算术常量 e，即自然对数的底数（约等于2.718）
LN2：返回 2 的自然对数（约等于0.693）
LN10：返回 10 的自然对数（约等于2.302）
LOG2E：返回以 2 为底的 e 的对数（约等于 1.4426950408889634）
LOG10E：返回以 10 为底的 e 的对数（约等于0.434）
PI：返回圆周率（约等于3.14159）

2、常用方法

abs(x)：返回 x 的绝对值
ceil(x)：向上取整
floor(x)：向下取整
max(...n)：求最大值
min(...n)：求最小值
pow(x,y)：返回 x 的 y 次幂
random()：返回 0 ~ 1 之间的随机数
round(x)：四舍五入

六、正则

1、正则对象

// 构造函数
var re = new RegExp('^\\w', 'igm');
// 字面量
var re = /^\w/igm;

2、修饰符

i：不区分大小写
g：全文匹配
m：多行匹配

3、正则方法

test()：匹配目标字符串，结果为true|false
exec()：匹配目标字符串，结果为第一条结果所有信息的数组

4、字符串方法

match(re)：匹配指定正则，结果为数组(可全文匹配)
search(re)：匹配指定正则，结果为匹配的索引，反之-1
replace(re, newStr)：匹配指定正则，替换匹配的结果(可全文匹配)
split(re, n)：按正则进行拆分，n的值可以决定结果的数组长度(可选参数)

xdh精英班Day5
第五天学习笔记 Node.js 是运行js的编译环境 js 基础语法变量声明，赋值语句：var。语法如下： va...
JavaScript30 Day 5(flex box)
这是我在github 上发现的一个原生js挑战项目，由于是js小白，希望通过这次的项目加深对js的理解第五天的挑...
JS第五天
JS常用类一、Number 1、常用数字 2、常用进制 3、NaN 4、常用常量 5、常用实例方法 v-hint...
JS第五天
1.语句后面要用分号结束; 函数后面不用加，for循环后面不用加，if条件后面不用加 var a = 10;var...
JS学习——第五天
2018年2月26日，第五天课程。课程主题：Creat Object and constructor funct...
js基础第五天
01-获取孩子节点 childNodes 获取的包括文本 nodeType 为1是标签为2是属性为3是文本 ...
js进阶第五天
一、数组的常见操作 pop() 删除最后一个shift() 删除第一个push() ...
js第五天笔记
this的总结-不全： 1、当元素身上的事件被触发的时候，会执行一个函数，函数中的this指向当前这个元素2、 ...
runoob js第五天
typeof操作符可以使用typeof来查看js变量的数据类型 NaN 的数据类型是 number 数组(Arra...
复习VUE.JS第五天
bower->(前端) 包管理器 vue->过渡（动画）

JS第五天

JS常用类

一、Number

1、常用数字

2、常用进制

3、NaN

4、常用常量

5、常用实例方法

v-hint：经典bug数字13.145

二、时间

1、创建并获取时间

2、时间戳

3、获取时间

4、常见格式时间

三、字符串

1、常用字符串

2、常用属性

3、常用方法

四、数组

1、常见数组

2、常用属性

3、常用基础方法

4、增删改方法

5、回调函数方法

五、Math

1、常用常量

2、常用方法

六、正则

1、正则对象

2、修饰符

3、正则方法

4、字符串方法

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读