首页 > Web开发 > 详细

js----第二篇

时间:2019-02-27 21:13:23      阅读:175      评论:0      收藏:0      [点我收藏+]

1、数据类型转换

数据类型:number、string、Boolean、null、undefined

1、1

      js数据类型是“动态数据”,拥有数据类型,但是不固定于某一种数据类型

1、2数据类型转换

       允许数据在各个类型之间灵活转变

1.2、隐式转换
        不需要认为参与,由程序自动完成
        +
        var a = true;
        var b = 56;
        var result = a + b; //57    

    1.3通过 typeof(参数) 函数帮助查看指定数据的类型

    NaN : Not a Number
    isNaN() : 是不是一个数字
    isNaN("abc") : true
    isNaN(123) : false
2、强制数据类型转换
转换函数
    1、toString()   其它类型转字符串  但是遇到null  undefind类型     报错 无法转换
       String();    其它类型转字符串  都能转
       面试题    String   vs   toString()
        var a = 123;
        a.toString();

        var b = ""+a; //string
        var c = a+""; //string

    2、其他类型转number
    1、parseInt(参数)   取整
        碰到第一个非数字的字符,停止转换
        如果第一个字符就是非数字的,结果为NaN
        parseInt("123"); --> 123
        parseInt("123ABC"); --> 123
        parseInt("123.456"); -->123
        parseInt("ABC123"); --> NaN
    2、parseFloat(参数)  取小数
        将字符串转换为小数"15.36854"--->15.36854
    3、弹出一个输入框
        var num = prompt("请输入xxxx",0);
        var num = prompt("请输入xxxx",0);
2、函数
    函数(function),也叫方法(method),或过程(procedure)
    2.1、什么是函数
        是一段被【预定义】好,并且可以被反复使用的代码块。
        代码块:允许包含多条语句。
        是一个独立的功能体。

    console.log();
    alert(); --> alert("弹出内容");
    document.write();
    parseInt(xxx);
    parseFloat()
    prompt()
    2.2、定义函数
        定义函数的过程:封装
        1、语法
        关键字:function
        function 函数名(){
        //多条语句
        }


定义一个函数,功能为, 在控制台上打印输出 Hello World
3、调用函数
直接使用 函数名() 进行调用
1、<script></script>任何一个位置处
2、通过HTML元素事件来调用
4、参数

//制作一个函数 做 10 + 10的运算
function add(){
console.log(10+10);
}

function add1(){
console.log(100+200);
}

function add1(){
console.log(1000+2000);
}

语法:function 函数名(参数列表){
参数列表:用,隔开的多个变量名(参数名)
}

function zhaZhiJi(fruit){
console.log("传递过来的水果是:" + fruit);
}
*************************************************
1、分支结构
1、运算符 - 比较运算符
> , < , >= , <= , == , !=

>= : 3 >= 5 False
5 >= 5 True
== : 判断等于,判断两个操作数,是否相等,相等则为true,不等则为false
3 == 5 : False
3 == 3 : True
!= : 3 != 5 : True
"a" != "a" :False
以上运算符的返回值 全部为 boolean 类型


    3、程序的流程控制
    程序=数据结构 + 算法;
    数据结构:程序运行中所需要的数据元素
    算法:将要做的事情通过一系列的逻辑串起来

任何程序或算法都有结构:
    1、顺序结构
    代码从头到尾除注释以外,按照出现的顺序去执行
    2、选择(分支)结构
    根据条件判断哪一块的程序要被执行,哪一块的程序不被执行
    3、循环结构
    根据条件判断,反复的执行某一段程序
    4、if语句
    满足某个条件时,执行某些操作,不满足则不执行
    语法:
    if(条件){
    //某些操作
    }
    当条件结果为 true 时,则执行if语句块中的语句
    当条件结果为 false时,则不执行if语句块中的语句
      一个条件一件事
      if(){}
1、由比较运算符 组成的表达式 称为:条件表达式、逻辑表达式
2、if 条件中,如果不是boolean类型表达式,那么进行隐式转换
以下值中,都会默认转换为 false
    if(0){}
    if(0.0){}
    if(null){}
    if(undefined){}
    if(NaN){}
    if(""){}
    var a = prompt("请输入一段话:");   小括号里面都是false
if(a){
//语句块;
}
3、if 语句块 {} 的问题
当if语句块中【只有一条语句】时,{}可以省略
if(a){
console.log("Success !");
}
等价于
if(a)
console.log("Success!");


5、if - else结构
语法:
if(条件){
语句块1
}else{
语句块2
}
判断条件
如果条件的值为 true ,则执行语句块1
如果条件的值为 false,则执行语句块2


    1、多重if结构
    在一套完整结构中,允许判断多个条件,最终,最多只能选择一个条件去运行

    语法:
    if(条件1){
    语句块1;
    }else if(条件2){
    语句块2;
    }else if(条件3){
    语句块3;
    }else{
    //以上条件都不满足的时候,最终执行的语句块(此块可选);
    }

    if(){

    }
    if(){

    }
    if(){

    }
    6、输入 考试成绩
如果 成绩 等于 100 分 , 奖励一台兰博基尼
如果 成绩 大于等于 90 分,奖励一台奥迪
如果 成绩 大于等于 80 分,奖励一台奥拓
如果 成绩 大于等于 70 分,奖励一台摩托车
如果 成绩 大于等于 60 分,奖励一台自行车
否则 ,提示 ,该干啥干啥去
function text(){

var i=prompt("请输入成绩","80");

if(i==100){

console.log("奖励一台兰博基尼");

}else if(i>=90){

console.log("奖励一台奥迪");

}else if(i>=80){

console.log("奖励一台奥托");

}else if(i>=70){

console.log("奖励一台摩托车");

}else if(i>=60){

console.log("奖励一台自行车");

}else{

console.log("该干啥干啥");

}

}

prompt弹出一个提示框,用户可以输入数据,并作为变量

prompt("你","100");括号第一个值是提示框显示给用户的提示,第二个值是输入框中的提示值也是默认值

console.log();在控制台输出

js----第二篇

原文:https://www.cnblogs.com/fbbg/p/10446905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!