2020-11-20

最新推荐文章于 2022-12-03 15:50:14 发布

暴躁男孩

最新推荐文章于 2022-12-03 15:50:14 发布

阅读量89

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_52426980/article/details/109861440

版权

JavaScript_7

常用的javascript的内置对象
1.字符串对象（String）
2.Number 对象
3.JavaScript Array（数组）
4.JavaScript Boolean（布尔)【注意Boolean对象与boolean值的差异】
5.JavaScript Date（日期）
6.JavaScript Math（算数）
7.JavaScript RegExp 对象
RegExp：是正则表达式（regular expression）的简写。
RegExp就是一个用来检索，判断文本数据的一种格式。在做数据校验的时候经常使用。
创建格式：
var patt=new RegExp(pattern,modifiers);
var patt=/pattern/modifiers; 【不推荐使用】
注意：当使用构造函数创造正则对象时，需要常规的字符转义规则（在前面加反斜杠 \）
var re = new RegExp("\d+");
在这里插入图片描述
常用的正则表达式的字符串
一、校验数字的表达式

二、校验字符的表达式

三、特殊需求表达式

RegExp常用操作方法：

test()方法搜索字符串指定的值，根据结果并返回真或假
exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
例如:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>正则表达式</title>
 <script>
   //1.test()方法搜索字符串指定的值，根据结果并返回真或假
   var reg1=new RegExp(/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/);
   var phoneNum="100000";
   var res1=reg1.test(phoneNum);
   document.write("<h1>"+res1+"</h1>");
   //2.exec("被查找的数据值") 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。
   var reg2=new RegExp("134");
   var text1="hello13474682774world";
   var res2=reg2.exec(text1);
   if(res2==null){
    document.write("<h1>不存在</h1>");
   }else{
    document.write("<h1>存在,结果是=="+res2+"</h1>");
   }
  </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
Javascript中的元素

变量【var】
运算,表达式【1.赋值 2.算数{++,–} 3.比较{===} 4.逻辑 5.typeof】
语句【1.顺序结构 2.选择结构{switch{…break}} 3.循环{for/in} 4…】
函数{方法} 【function】
数据类型
对象【1.内置对象 2.DOM 3 BOM】
JavaScript 类型转换—数据类型的转换
1.通过使用 JavaScript 函数例如:toString()
2.通过 JavaScript 自身自动转换例如:var num1=100; var res=num1+”hello”;
1.将数字转换为字符串

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>数字转换字符串</title>
 <script>
  //1.全局方法String()将数字转换为字符串
  var num1=100;
  var str1=new String(num1);
  var str2=String(num1);
  document.write("<h2>str1==="+str1+",type=="+typeof str1+"</h2>");
  document.write("<h2>str2==="+str2+",type=="+typeof str2+"</h2>");
  document.write("<h2>str1 length==="+str1.length+"</h2>");
  //2.Number方法toString()
  var str3=num1.toString();
  document.write("<h2>str3==="+str3+",type=="+typeof str3+"</h2>");
  //3.toFixed(小数的位数)把数字转换为字符串，结果的小数点后有指定位数的数字
  var num2=10.456;
  var str4=num2.toFixed(2);
  document.write("<h2>str4==="+str4+",type=="+typeof str4+"</h2>")
  //4.+""
  var str5=num1+"";
  document.write("<h2>str5==="+str5+",type=="+typeof str5+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
2.将包含数字值的字符串转换为数字

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>包含数字值的字符串转换为数字</title>
 <script>
  var str1="10";
  //1.全局方法Number()
  var num1=new Number(str1);
  document.write("<h2>num1==="+num1+",type=="+typeof num1+"</h2>");
  var num2=Number(str1);
  document.write("<h2>num2==="+num2+",type=="+typeof num2+"</h2>");
  //2.包含数字值的字符串*1
  var num3=str1*1;
  document.write("<h2>num3==="+num3+",type=="+typeof num3+"</h2>");
  //3.一元运算符 +
  var num4=+str1;
  document.write("<h2>num4==="+num4+",type=="+typeof num4+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
3.将布尔值转换为字符串

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将布尔值转换为字符串</title>
 <script>
  //1.全局方法String()
  var bool=true;
  var str1=new String(bool);
  document.write("<h2>str1==="+str1+",type=="+typeof str1+"</h2>");
  var str2=String(bool);
  document.write("<h2>str2==="+str2+",type=="+typeof str2+"</h2>");
  //2.Boolean 方法toString()也有相同的效果
  var str3=bool.toString();
  document.write("<h2>str3==="+str3+",type=="+typeof str3+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
4.将字符串转换为布尔值

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将字符串转换为布尔值</title>
 <script>
  //1.空字符串被转换成false
  var str1=""; 
  //var  boo1=new Boolean(str1);  //Boolean Object
  var  boo1=Boolean(str1);  //Boolean vaue
  document.write("<h1>boo1==="+boo1+",type=="+typeof boo1+"</h1>");
  //2.非空字符串被转换成true
  var str2="asgsde"; 
  //var  boo2=new Boolean(str2);  //Boolean Object
  var  boo2=Boolean(str2);  //Boolean vaue
  document.write("<h1>boo2==="+boo2+",type=="+typeof boo2+"</h1>");
  var str3="false";
  var  boo3=Boolean(str3);  //Boolean vaue
  document.write("<h1>boo3==="+boo3+",type=="+typeof boo3+"</h1>");
 </script>
</head>
<body>
 
</body>
</html

注意:值为false的字符串被转换成boolean值为true值，因为值为false的字符串也是非空字符串

5.将数字转换为布尔值

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> </title>
  <script>
    //1.数字0被转换成false
    var  num1=0;
    //var  boo1=new Boolean(num1);  //Boolean Object
    var  boo1=Boolean(num1);  //Boolean vaue
    document.write("<h1>boo1==="+boo1+",type=="+typeof boo1+"</h1>");
    //2.非0数字被转换成true
    var  num2=123;
    //var  boo1=new Boolean(num1);  //Boolean Object
    var  boo2=Boolean(num2);  //Boolean value
    document.write("<h1>boo2==="+boo2+",type=="+typeof boo2+"</h1>");
  </script>
  
</head>
<body>
  
</body>
</html>

在这里插入图片描述
6.将布尔值转换为数字

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将布尔值转换为数字</title>
 <script>
  var bool=true;
  var num1=new Number(bool);
  document.write("<h2>num1==="+num1+",type=="+typeof num1+"</h2>");
  var num2=Number(bool);
  document.write("<h2>num2==="+num2+",type=="+typeof num2+"</h2>");
  var bool1=false;
  var num3=Number(bool1);
  document.write("<h2>num3==="+num3+",type=="+typeof num3+"</h2>");
  var num4=bool*1;
  document.write("<h2>num4==="+num4+",type=="+typeof num4+"</h2>");
  var num5=bool1*1;
  document.write("<h2>num5==="+num5+",type=="+typeof num1+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
7. 将日期转换为数字

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将日期转换为数字</title>
 <script>
  var date1=new Date();
  var num1=new Number(date1);
  document.write("<h2>num1==="+num1+",type=="+typeof num1+"</h2>");
  var num2=Number(date1);
  document.write("<h2>num2==="+num2+",type=="+typeof num2+"</h2>");
  var num3=date1.getTime();
  document.write("<h2>num3==="+num3+",type=="+typeof num3+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
8. 将数字转换为日期

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title></title>
 <script type="text/javascript">
  //将数字转换为日期
  var num1=1605844538320;
  var date1=new Date(num1); //Object
  var date11=Date(num1); //string
  document.write("<h1>date1==="+date1+",type=="+typeof date1+"</h1>");
  document.write("<h1>date11==="+date11+",type=="+typeof date11+"</h1>");
 </script>
 </head>
 <body>
  
 </body>
</html>

在这里插入图片描述
注意:如果数字是年份|月份|天数|时分秒的数字，那么我们可以通过Date对象提供的setXXXX()方法
9.将日期转换为字符串

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将日期转换为字符串</title>
 <script>
  //1.全局方法String()
  var date1=new Date();
  var str1=new String(date1);
  document.write("<h2>str1==="+str1+",type=="+typeof str1+"</h2>");
  var str2=String(date1);
  document.write("<h2>str2==="+str2+",type=="+typeof str2+"</h2>");
  //2.Date 方法toString()
  var str3=date1.toString();
  document.write("<h2>str3==="+str3+",type=="+typeof str3+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
10.将字符串转换为日期

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>将字符串转换为日期</title> 
 <script>
  var str1="2008-6-25  20:07:45";
  var date1=new  Date(str1);
  document.write("<h2>date1==="+date1+",type=="+typeof date1+"</h2>");
 </script>
</head>
<body>
 
</body>
</html>

在这里插入图片描述
注意：字符串中包含的是符合时间日期格式的字符串数据

暴躁男孩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-11-20

JavaScript_7常用的javascript的内置对象1.字符串对象（String）2.Number 对象3.JavaScript Array（数组）4.JavaScript Boolean（布尔)【注意Boolean对象与boolean值的差异】5.JavaScript Date（日期）6.JavaScript Math（算数）7.JavaScript RegExp 对象RegExp：是正则表达式（regular expression）的简写。RegExp就是一个用来检索，判断文
复制链接

扫一扫