初始JavaScript+内置对象

最新推荐文章于 2024-04-25 22:13:37 发布

Guo小阳*

最新推荐文章于 2024-04-25 22:13:37 发布

阅读量96

点赞数

本文链接：https://blog.csdn.net/weixin_41602101/article/details/89316803

版权

一、初始JavaScript
1、什么是JavaScript？JavaScript是一种基于对象和事件驱动的脚本语言交互、脚本语言、解释性语言
2、JavaScript的组成：ECMAScript, BOM(浏览器对象模型) DOM(文档对象模型)
3、导入JavaScript的三种方法：
A:<script src="test.js" type="text/javascript"> </script>
B:<script type="text/javascript"> </script>
C: <input name="btn" type="button" value="弹出消息框" "javascript:alert('欢迎你');"/>
4、变量：
A：先声明变量再赋值
var width;
width = 10;
B：同时声明和赋值变量 var userName= “六月”;
C：不声明直接赋值 userName= “六月”;i=1;

5、数据类型：undefined、null number boolean string object
6、运算符
算术运算符 + - * / % ++ –
赋值运算符 =
比较运算符 > < >= <= == !=
逻辑运算符 && || !
复合运算符 += -= = /=
7、单行注释以 // 开始，以行末结束
多行注释以 / 开始，以 */ 结束

二、选择结构
1、什么是程序结构
？程序是一系列有序指令的集合。
程序结构的分类： a 顺序结构 b 选择结构 c 循环结构

2、基本if结构

 if(条件){
        //JavaScript语句;    
}

3、if…else结构

     if(条件)
{
  
      //JavaScript语句1;

       }
else
{
  
      //JavaScript语句2;
           
}

4、多重if结构


      if ( 条件1 ) {
 
     // JavaScript语句1
        
} 
else  if(条件2){
 
     // JavaScript语句2 
           
}
else {
   
     // JavaScript语句3 

                }

三、循环结构
1、for循环


              for (初始部分; 循环条件; 条件迭代) {
 
                      //循环执行的语句
              
}

       执行顺序：1初始部分>2判断循环条件>3执行循环体>4条件迭代>5判断条件>6执行循环体>7条件迭代......

2、for-in循环

   for (变量 in 对象) {

                  //循环执行的语句
             
}

3、还有 while循环和do-while 循环 js很少使用

四、双重循环及跳转
1、什么是双重循环？一个循环体内又包含另一个完整的循环结构，比如：

for(循环条件1){ while(循环条件1){

              //循环操作1                             //循环操作1

           for(循环条件2){
                   while(循环条件2){

               //循环操作2
                     //循环操作2

                  }                                     }

              }                            }

2、break执行流程

while(…) {
……
……
break;
……
……
}

3、continue执行流程

   while(…) {
     ……
     ……
     continue;
     ……
     ……
}

4、小结
break用于终止循环；在break后的语句不再执行
continue用于循环；continue语句只能用在循环结构中；continue退出本次循环，继续后面的循环

5、程序调试
使用alert()、console.log()或Chorme调试程序
五、内置对象
1、常用的内置对象：
Array：用于在单独的变量名中存储一系列的值
Date：用于操作日期和时间
String：用于支持对字符串的处理
Math：用于执行常用的数学任务，它包含了若干个数字常量和函数

2、Array数组对象
var arr = [“前端”, “js” ,“HTML”]; //字面量
// var arr1 = new Array(3); //对象
// arr1[0]=“星期一”;
// console.log(arr1)

创建数组：var 数组名称 = new Array(size);或者 var 数组名称=[];
数组常用属性及方法：
类别名称说明
属性 lengt 设置或返回数组中元素的数目
方法 join( ) 把数组的所有元素放入一个字符串，通过一个分隔符进行分隔
方法 sort() 对数组排序
方法 push() 向数组末尾添加一个或更多元素，并返回新的长度
方法 concat() 合并两个数组
3、Date对象

创建Date：var 日期对象=new Date(参数)
/参数格式：MM DD,YYYY,hh:mm:ss

  Date常用方法：
             方法	    说 明 
        getDate()	   返回 Date 对象的一个月中的每一天，其值介于1～31之间
        getDay()	   返回 Date 对象的星期中的每一天，其值介于0～6之间（注：0-周日）
        getHours()	   返回 Date 对象的小时数，其值介于0～23之间
        getMinutes()   返回 Date 对象的分钟数，其值介于0～59之间
        getSeconds()    返回 Date 对象的秒数，其值介于0～59之间
        getMonth()	   返回 Date 对象的月份，其值介于0～11之间（注：0-1月份）
        getFullYear()  返回 Date 对象的年份，其值为4位数
        getTime()     返回此刻到1970/01/01的毫秒数

4、String对象
String 对象用于处理文本（字符串） var 字符串对象=new String(参数)
参数是要存储在 String 对象中或转换成原始字符串的值

 String常用属性及方法：
    类别	   名称	        说明
    属性	  length	字符串的长度
    方法	  charAt()	返回在指定位置的字符（注：字符串中第一个字符的下标是0）
    方法      concat()	连接字符串
    方法      replace() 	用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串
    方法       split() 	把一个字符串分割成字符串数组
    方法       indexOf()	返回某个指定的字符串值在字符串中首次出现的位置
    方法      lastIndexOf()	返回一个指定的字符串值最后出现的位置
    方法         match()	可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配
    方法  	  toLowerCase()	把字符串转换为小写
    方法       toUpperCase()	把字符串转换为大写
    方法         substr()	从起始索引号提取字符串中指定数目的字符（不建议使用）
    方法        substring()	提取字符串中两个指定的索引号之间的字符
    方法        slice()	提取字符串的某个部分，并以新的字符串返回被提取的部分

5、Math对象

  用于执行数学任务
Math常用方法  
  方法	    说 明 	                   示例
ceil()	对数进行上舍入	         Math.ceil(25.5);返回26
Math.ceil(-25.5);返回-25
 floor()	对数进行下舍入	         Math.floor(25.5);返回25
 Math.floor(-25.5);返回-26
  round()	把数四舍五入为最接近的数	 Math.round(25.5);返回26
  Math.round(-25.5);返回-26
   random()	返回0.0~1.0之间的随机数	 Math.random();例如：0.6273608814137365