js总结

作者: 尘伽 | 来源:发表于2022-03-17 20:58 被阅读0次

    弹出框和内容输出的方法

    提示框                                  alert("hello");

    询问框                                  confirm('是否确定删除');

    输入框                                   prompt('请输入姓名');

    在控制台打印输出                   console.log('你好');

    输出到页面上                         document.write('<h1>JavaScript</h1>');

    js的引用方式           

    行内JS,代码可读性差

    内部js,只能应用于当前页面,其他页面无法复用

    外部js,推荐使用

    在Script最下面              <script src="./test.js"></script>

    六个假值

    flase , 0 , '' , undefined , null , NaN

    flase          参与运算时 相当于数字0

    true            参与运算时,相当于数字1

    逻辑运算符 

    // &&(且) ||(或) !(非运算符,取反)

    //15 > nam1 >8 错误语法

    作用域

    全局作用域Global             全局变量:在全局作用域中声明的变量,他在任何一个地方都可以使用

    局部作用域(函数作用域)Local       局部变量:在局部作用域中声明的变量,他只能在他所在的局部作用域中使用

    基本数据类型

    数字类型   字符串类型   布尔型   未定义undefined    空值null

    Math对象

    Math对象的属性             console.log(Math.PI)圆周率

    Math对象的方法          1.ceil()向上取整

                                         2.floor()向下取整

                                         3.round()四舍五入取整

                                         4.random()随机数[0-1]包含0,不包含1;

                                         5.abs()求绝对值

                                         6.max()求最大值

    字符串String

    length属性可以获取字符串的长度

    1.charAt()根据索引获取字符串中的某个字符

    2.charCodeAt()  返回指定位置字符的 unicode编码

    fromCharCode()  返回unicode编码对应的字符

    3.indexOf()返回指定字符在字符串中【首次】出现的位置

    lastIndexOf()返回指定字符在字符串中【末次】出现的位置

    注意:如果字符串中没有该字符,indexOf()方法返回的值是  -1

    4.includes() 判断某个字符串中是否包含某个字符

    5.replace()  替换第一个        replaceAll()  全局替换     替换字符,返回替换之后的新字符串

    6.slice(startIndex,endIndex)    包含starIndex  不包含  endIndex   substr(startIndex,length)  截取字符串片段

    7.split()根据指定字符,将字符串分割为数组

    8.trim() 去除字符串两端的空格    返回一个新的字符串

    9.toLowerCase()把字符串转换为小写    toUpperCase()把字符串转换为大写  返回一个新的字符串

    日期对象的方法

    Date对象   创建日期对象   var  date1 =  new Date();//获取当前的日期时间

    1.获取年份   console.log(date1.getFullYear());

    2.获取月份    console.log(date1.getMonth());//0-11

    3.获取日       console.log(date1.getDate());//1-31

    4.获取星期     console,log(date1.getDay());//0(周日)-6

    5.获取小时       console.log(date1.getHours());

    6.获取分钟        console.log(date1.getMinutes());

    7.获取秒           console.log(date1.getSecounds()); 

    8.获取时间戳的方法                  getTime()获取某个日期时间 距离 1970年1月1日的总毫秒数

                                                       console.log(date2.getTime() - date1.getTime());

                                                        setTime()将总毫秒数转换为新的日期和时间

                                                        国际标准时间toUTCString把Date对象转换为字符串

    数组的相关方法

    1.追加元素    push()  在数组的末尾追加元素         unshift()    在数组的开头追加元素

    2. 删除           pop()  末尾删除           shift()    开头删除

    3.splice          arr.splice(2,1,'f','g')      删除:参数1  表示从哪开始删除;  参数2  表示删除几个

    替换/插入:参数3.4.5.....指的是替换的元素或者插入的元素

    4.join             将数组中的元素以  指定字符  拼接成字符串

    var arr2 = ['2021','10','29'];

          var str = arr2.join('/');

    5.reverse()            对数组中的元素排序进行颠倒,  直接改变原数组

    var arr3 = [1,2,3,4];

          arr3.reverse();

    6.concat()           合并多个数组,最后形成一个合并后的新数组

    7.sort()                sort()  默认的排序规则是按照ASCII编码进行升序排序 如果不设置排序规则就按照首个数字进行排序

      arr4.sort(function(num1,num2){ //自己定义排序规则:按照数字的大小进行升序排列

                if (num1 > num2) {

                    return 1; //交换num1 和 num2的位置

                } else {

                  return -1; //不交换num1 和 num2的位置

                }  });

    判断数据类型

    typeof判断的是简单数据类型,返回的是数据类型的英文名称

    instanceof判断的是复杂数据类型

    类型转换

    字符串 转 数字    如果是纯数字字符串,可以使用* / - 法运算,进行转换    parseInt()    parseFloat()

    数字 转 字符串       toString()

    转 布尔类型               Boolean()

    NaN            类型number   isNaN() 该方法是用来检测某个值是否是NaN;如果是NaN,返回true;否则,返回false.     NaN 和任何数值(包含NaN本身)相比不相等

    switch语句

    只能用来判断 某个变量是否 === 某个值

    循环控制的关键字:break continue 和return

    break 终止循环

    continue 跳出本次循环,继续下次循环

    return 返回函数运行的值,return后面的代码不再执行

    拷贝

    浅拷贝                只拷贝指针地址

    深拷贝              如果对象的属性值是简单数据类型 ,那么直接赋值   如果对象的属性值是复杂数据类型,那么就应该按照复杂数据类型的方式进行深拷贝

    1.先开辟新空间  {}    []

    2.遍历复制 

    相关文章

      网友评论

          本文标题:js总结

          本文链接:https://www.haomeiwen.com/subject/tklwdrtx.html