js总结

2022-03-17  本文已影响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.遍历复制 

上一篇下一篇

猜你喜欢

热点阅读