前端(十四)—— JavaScript基础:Number、Date类、字符串、数组、Math类、正则

JS常用类:Number类、Date类、Math类、字符串、数组、正则

一、Number

1、常用数字

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

2、常用进制

二进制:0b1010  以0b开头
八进制:012     以0开头
十进制:10
十六进制:0xA    以0x开头

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) => 3.1e+0 (先科学记数,再确定精度,n为小数精度)
toFixed(n) => 3.14.toFixed(1) => 3.1 (先确定精度,再普通记数,n为小数精度)
toPrecision(n) => 13.14.toPrecision(1|2) => 1e+1|13 (先确定精度,再记数,n为位数精度)
toString(n) => 转换为指定进制的字符串,n代表进制
v-hint:经典bug数字13.145

二、时间

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()

三、字符串

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():去除首尾空白字符

四、数组

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长度
// 新元素们(可以省略)
arr=[1,2,3,4,5];
// 从头加
arr.splice(0, 0, 0);  // 从索引0前方(包括索引0位置)开始操作,操作原数组0个长度,结果多了个元素0
console.log(arr);
// 0, 1, 2, 3, 4, 5

// 从尾加
arr.splice(arr.length, 0, 6);   // 注意是length,不是length-1
console.log(arr);
// 0, 1, 2, 3, 4, 5, 6

// 从头删
arr.splice(0, 1) // 从索引0开始(包括索引0位置),操作原数组一位,替换的新值省略代表删除
console.log(arr);
// 1, 2, 3, 4, 5, 6

// 从尾删
arr.splice(arr.length - 1, 1)      // 注意是length-1,不是length
console.log(arr);
// 1, 2, 3, 4, 5

// 替换
arr.splice(2, 1, "3", [0, 0], "3");  // 从索引2开始,用"3", [0, 0], "3"替换掉1位
console.log(arr);

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 }):正逆向排序
    // 过滤器: filter

    // 回调函数
    // 参数: 值, 索引, 所属数组
    // 返回值: true | false

    // 过滤器返回值: 过滤后得到的新数组

    // 过滤掉不满足条件的数据
    // 合为满足条件的数据

    // 过滤器回调函数的执行次数 = 被过滤数组的元素个数
    // 需要回调的函数
    var getResult = function (v, i) {
        // return true;
        if (v < 5) {
            return true;
        }
    }
    var newArr = arr.filter(getResult);

    console.log(arr);
    console.log(newArr);

    // 全部满足: every

    // 回调函数
    // 参数: 值, 索引, 所属数组
    // 返回值: 值得条件表达式

    // 过滤器返回值: true | false

    // true:所有元素都满足条件
    // false:有一个不满足条件即可
    var res = arr.every(function(v) {
        return v > 3;
    });
    console.log(res);

    // 部分满足: some
    res = arr.some(function(v) {
        return v > 3;
    });
    console.log(res);

    // 累积: reduce

    arr = [4, 2, 1, 3, 5];
    res = arr.reduce(function(prev,value,index){
        return prev * value;
    })
    console.log(res); // 4*2*1*3*5

    // 排序
    newArr = arr.sort(function(o, n) {
        // return o > n;  // 升序, 没有回调函数
        return o < n;  // 降序
    })
    console.log(newArr);

五、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的值可以决定结果的数组长度(可选参数)
str = "abc123x9y8z7\n123";
re = /^\d/m;
arr = str.match(re);
console.log(arr);

原文地址:https://www.cnblogs.com/linagcheng/p/9807599.html

时间: 2024-11-05 22:57:48

前端(十四)—— JavaScript基础:Number、Date类、字符串、数组、Math类、正则的相关文章

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在?J?a?v?a?S?c?r?i?p?t?中?可以使?用?类的p?r?o?t?o?t?y?p?e属性来?扩?展?类的属?性?和?方?法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法 语法格式: 类名.prototype.方法名 = function([param1],[param2],.

前端笔记十四 JavaScript语法详解

强制类型转换函数 toString():将布尔值.数值等转换成字符串 parseInt():将字符串.布尔值转换成整数 parseFloat():将字符串.布尔值等转换成浮点数 JavaScript中没有块范围,输出函数中局部变量会覆盖全局变量,即使出了局部函数的范围依旧起作用 在定义变量的过程中,如果使用var则强制定义一个新变量,如果没有var则系统会优先在当前上下文中是否存在该变量,如果没有这个变量才会重新定义一个新的变量 科学技术法表示数值:<num1>E<num2>表示n

I学霸官方免费教程二十四:Java常用类之随机数 Math类和Random类

咱先了解即可 Math类:数学类,包括abs()求绝对值,sin()正弦函数,cos()余弦函数等等Random类:获取各种数据类型的随机数 实例: import java.util.Random; /**  * 演示获取随机数  * @author 学霸联盟 - 赵灿  */ public class MathDemo { public static void main(String[] args) { //创建Random对象 Random random = new Random(); //

Java中的日历类/集合类/数学类/正则表达式/数组工具类等的常用方法与基本功能

一. Arrays 针对数组操作的工具类,提供了一些针对数组排序和二分搜索的方法.常用方法:1.public static String toString(int[] a):将int类型的数组转换成字符串.转换成字符串后输出形式: ([元素1,元素2,元素3...]),Arrays在底层重写了toString方法.2.public static void sort(int[] a):对指定的 int 型数组按数字升序进行排序.3.public static int binarySearch(in

字符串工具类、数组工具类、集合工具类、转型操作工具类、编码与解码操作工具类

package hjp.smart4j.framework.util; import org.apache.commons.lang3.StringUtils; /** * 字符串工具类 */ public final class StringUtil { /** * 字符串分隔符 */ public static final String SEPARATOR=String.valueOf((char)29); /** * 判断字符串是否为空 */ public static boolean i

前端之路——JavaScript基础(五)

一.JavaScript对象 JavaScript对象:字符串对象 .数组对象 .日期对象 . Math BOM对象:browser object model浏览器模型对象 window对象:定时器 DOM对象:文档对象模型 1.String字符串对象 关键字: new关键字,用于创建实例对象 string属性:length:计算字符串的长度 string方法: toLowerCase:字符串的字符全部转为小写. toupperCase:字符串的字符全部转为大写 trim:去除两边的空格 cha

前端(三):JavaScript基础

JavaScript是一种属于网络的脚本语言,常用来为网页添加各式各样的动态功能,是一种动态类型.弱类型.基于原型的语言.它包括三个部分:ECMAScript.BOM和DOM.ECMAScript描述了该语言的语法和基本对象.BOM,浏览器对象模型,描述了与浏览器进行交互的方法和接口.DOM,文档对象模型,描述了处理网页内容的方法和接口.js的使用:js代码写在script标签中,其引入方式和css样式的style标签一致. 一.变量.数据类型与运算符 1.变量 声明变量: - 通过var关键字

第十篇 javascript基础语法

1)基本概念 a) 语句(statement)是为了完成某种任务而进行的操作,语句以分号结尾,一个分号就表示一个语句结束.:如:var a = 1; b) 表达式(expression),指一个为了得到返回值的计算式.如:1+3 c) 变量是对“值”的引用,使用变量等同于引用一个值.var a = 1;变量存在声明和赋值两个过程,var a = 1:等价于 var a:a = 1; 如下申明一个已存在的变量是无效的, var x = 1; var x; x // 1 但是,如果第二次声明的同时还

前端系列之JavaScript基础知识概述

?微信公众号:compassblog 欢迎关注,欢迎转发,互相学习,共同进步! 有任何问题,请后台留言联系! 1.什么是JavaScript (1).JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面.它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行.(2).JavaScript被设计用来向HTML页面添加交互行为.(3).JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言).(4).JavaScript由数行可执行计算机代码组成.(5)

Web前端面试指导(二十):JavaScript中如何翻转一个字符串?

题目点评 字符串作在程序中是非常常见的,因为程序中绝大部分的数据都可以当作字符串来处理.需要对字符的处理方法比较熟悉,在回答的时候尽量能够说出多种解决方法更好! 字符串翻转的方法 1)使用字符串函数 [javascript] view plain copy //str=hello function reverseString(str) { var array = str.split('');//['h','e','l','l','o']; array = array.reverse();// [