• JS笔记


    外部链接

    创建外部的JS文件 XX.js,在HTML文档中使用<script src=""></script>引入

    <script src="index.js"></script>

    注意 :<script></script>既可以实现内嵌 JS 代码,也可以实现引入外部的 JS 文件,但是只能二选一。

    alert("网页弹框的信息"); 普通的网页弹框

    prompt("提示用户输入的内容"); 接收用户输入的弹框,返回用户输入的内容

    console.log(); 控制台输出,多用于代码调试

    document.write("<h1>Hello</h1>");实现在动态在网页中写入内容。

    变量用var 声明

    常量用const 声明 且全大写字母命名

    操作小数位    toFixed(n); 保留小数点后 n 位  num.toFixed(2) num保留两位小数

    查看数据类型

    • typeof  变量或表达式
    • typeof (变量或表达式)

    数据类型转换:

    1.强制类型转换     方法:    toString()

    2.转换number类型    Number()    整体number转换

               parseInt()    parseFloat()  提取字符串中的number转换

    3.转换Boolean类型    Boolean()除‘零’值以外,其他数据都为真,只有‘零’值为假

    4.自动转换:当字符串与其他数据类型进行"+"运算时,表示字符串的拼接,不再是数学运算

    转换规则 :将非字符串类型的数据转换成字符串之后进行拼接,最终结果为字符串。其他情况下,一律将操作数转number进行数学运算

    关系运算:

    相等与全等

    ==(相等) !=(不相等) : 不考虑数据类型,只做值的比较(包含自动类型转换)

    ===(全等) !==(不全等) : 不会进行数据类型转换,要求数据类型一致并且值相等才判断全等

    逻辑运算符:

    1.&& 逻辑与:表达式同时成立,最终结果才为true;全1则1

    2.|| 逻辑或:表达式中只要有一个成立,最终结果即为true; 有1则1


    三目运算符:

    表达式1 ? 表达式2 : 表达式3;

    判断表达式1是否成立,返回布尔值

    如果表达式1成立,执行表达式2;

    如果表达式1不成立,执行表达式3;

    var a = 10;
    var res=a>5?'ok':'error';
    console.log(res)    //ok
    //如果a>5返回OK 否则返回error
    a = 3;
    var res2 = a>5?'ok':a>=3?'>=3':'<3';
    console.log(res2)    //>=3
    //如果a>5返回ok,否则返回a>=3?'>=3':'<3' 继续三目运算 如果a>=3返回>=3,否则返回<3

    语句:(和JAVA基础语法差不多)

    分支结构:if结构 if else结构 多重分支结构

    ​                    switch语句

    循环结构:while循环 do while循环  for循环

    函数:详见JS函数笔记

    数组的属性和方法:

    var arr = [ ]; 创建空数组

    arr.push(data)            末尾添加元素

    arr.pop()                   移除末尾元素

    arr.unshift(data)      在头部添加一个或多个元素

    arr.shift()                    移除数组的第一个元素

    arr.toString()                数组转换成字符串类型(不改变原有数组,新的数组)    

    arr.join(param)          数组转换成字符串类型(不改变原有数组,新的数组)

    参数省略默认逗号连接,参数可以是连接符 用来指定元素之间的连接符号

    arr.reserse()            反转数组,倒序重排(改变原有数组)

    arr.sort()              对数组进行排序(默认按照Unicode编码升序)

    forEach(param)遍历数组元素 参数为函数

    arr.forEach(function(elem,index){

    //forEach()方法会自动调用匿名函数,依次传入元素及下标

    });


    String对象的方法:

    str.toUpperCase();    转大写字母

    str.toLowerCaer();    转小写字母

    str.charAt(index);   获取指定下标的字符

    str.charCodeAt(index) 获取指定下标的字符编码

    str.indexOf(s,fromIndex) 获取指定字符的下标,从前向后差,查到即返回

    str.laseIndexOf(s,formIndex) 获取指定字符最后一次出现的下标,从后向前查,查找即返回

    s表示要查找的字符串(必填),fromIndex表示起始下标(默认为0)

    substring(startIndex,endIndex)    截取字符串

    startIndex 表示起始下标    endIndex    表示结束下标,可以省略表示截止末尾

    split(param)    分割字符串   返回数组   参数指定分隔符

    模式匹配:借助正则表达式实现字符串中固定格式内容的查找和替换

    正则表达式 :var reg1 = /字符模式/修饰符;

    修饰符 :  i : ignorecase 忽略大小写         g : global 全局范围

    字符串方法:

    match方法

    match(regEXP/subStr)       参数:正则格式     返回数组

    replace(regExp/subStr,newStr)    返回替换后的字符串 不影响原始字符串

    Math对象

    1.向上取整:舍弃小数位,整数位+1    console.log(Math.ceil(0.99))    1

    2.向下取整:舍弃小数位,整数位不变    console.log(Math.floor(0.99))  0

    3.四舍五入取整

    console.log(Math.round(0.49))  0

    console.log(Math.round(0.5))  1

    4.生成0~1之间的随机小数    console.log(Math.random()); 

  • 相关阅读:
    树的直径
    POJ3264 Balanced Lineup
    [mock]10月11日
    POJ1062 昂贵的聘礼
    POJ3295 Tautology
    [topcoder]TopographicalImage
    POJ1753 Flip Game
    [leetcode]Copy List with Random Pointer
    [leetcode]Candy
    [leetcode]Gas Station
  • 原文地址:https://www.cnblogs.com/maplethefox/p/11229414.html
Copyright © 2020-2023  润新知