2020-12-07 JavaScript知识点总结1：基本数据类型与引用数据类型,数组方法,字符串方法,数组去重,获取元素的6种方式,JSON 转换,定时器,判断数据类型,操作元素属性,清除浮动

最新推荐文章于 2022-10-31 09:00:00 发布

Amanda&Rachel

最新推荐文章于 2022-10-31 09:00:00 发布

阅读量145

点赞数 1

分类专栏： JavaScript学习总结文章标签：字符串 js json 前端

本文链接：https://blog.csdn.net/m0_51907938/article/details/110822394

版权

JavaScript学习总结专栏收录该内容

52 篇文章 1 订阅

订阅专栏

一．基本数据类型与引用数据类型

1.number:数字
2.string:字符串
3.boolean:布尔
4.undefined:未定义
5. null:空对像
6.object:对象 [ ]数组，{ }

二．数组方法

剪切链接合并序，判断反转删除是，开头结尾各两个
1、剪切 slice
从数组中返回指定的变量

2、链接 join
将数组中的元素以分隔符链接，返回一个字符串
默认的分隔符为逗号

3、合并 concat
合并数组，返回新数组，不会改变原数组

4、序 sort 会改变原数组
将数组按从小到大（或从大到小）排列

5、判断
（1）、indexOf
从左到右查找元素第一次在数组中出现时的下标
如果有：显示出现时的下标
若没有：显示 -1
（2）、lastIndexOf
查找元素在数组中最后一次出现时的下标
如果有：显示出现时的下标
若没有：显示 -1
（3）、find
从左到右查找数组中指定的元素
如果符合条件返回：元素
若不符合条件返回：undefined
（4）、findIndex
从左到右查找数组中指定的元素的下标
如果符合条件返回：元素下标
若不符合条件返回：-1
（5）、includes
数组中是否包含某个元素
如果包含返回：true
若不包含返回：false

6、反转 reverse
反转数组，返回新数组

7、删除 splice 改变原数组
删除元素
添加元素

8、是 Array.isArray
判断变量是不是数组
如果是：返回 true
若不是：返回 false

9、开头结尾各两个
（1）、unshift
向数组开头添加元素返回数组长度
（2）、shift
从数组开头删除元素返回删除的元素
（3）、push
向数组末尾添加元素返回数组长度
（4）、p0p
从数组末尾删除元素返回删除的元素

10、其余的
（1）、toString
转为字符串
null undefined 不能转换
（2）、filter
将数组中满足条件的组成新数组返回
若数组中没有一个满足条件，则返回空数组
（3）、map
遍历数组返回新数组
（4）、Array.form
将伪数组（类数组）转为数组

三．字符串方法

查看判断合并空，切割剪切转大小

1、查看
(1)、charAt 通过下标获取字符串中的某一项
(2)、charCodeAt 通过下标获取字符串中某一项的 Unicode编码
(3)、String.fromCharCode 将 Unicode编码转为对应的字符

2、判断
(1)、indexOf 查找元素在字符串中第一次出现时的下标
如果有：显示下标
若没有：显示 -1
(2)、lastIndexOf 查找元素在字符串中最后一次出现时的下标
如果有：显示下标
若没有：显示 -1
(3)、includes 查找字符串中是否有某元素
如果有：显示 true
若没有：显示 false
(4)、startsWith 字符串开头是否为某元素
如果有：显示 true
若没有：显示 false
(5)、endsWith 字符串结尾是否为某元素
如果有：显示 true
若没有：显示 false

3、合并
concat 合并字符串

4、空
trim 去掉字符串前后的空格

5、切割
split 将字符串切割为数组

6、剪切
(1)、slice
从字符串中返回指定的元素，既能用于数组，也能用于字符串
(2)、substring( )
从字符串中返回指定的元素,只能用于字符串，且括号内不能为负数
(3)、substr( 开始下标，截取个数 )
截取一定数量的元素

7、转大小
(1)、toUpperCase 将英文字母转为大写
(2)、toLowerCase 将英文字母转为小写

四．数组去重

 //第一种去重方法
2.        var arr=["a","b","c","d","a","c","b","d","f","s","g"];
3.        var arr2=[];
4.        for(var i=0;i<arr.length;i++){
5.            if(arr2.indexOf(arr[i])==-1){
6.                arr2.push(arr[i]);
7.            }
8.        }
9.   			Console.log(arr2)

//第二种去重方法
11.        var a=["a","c","c","a","a","a","d","d"];
12.        var a2=[];
13.        for(var i=0;i<a.length;i++){
14.            if(a2.lastIndexOf(a[i])==-1){
15.                a2.push(a[i]);
16.            }
17.        }
18.        console.log(a2);

//第三种去重方法
20.        var c=["1","2","3","2","3","4","4"];
21.        var c1=[];
22.        for(var i=0;i<c.length;i++){
23.        var c2=c1.findIndex(function(val){
24.            return val==c[i];
25.        })
26.       if(c2==-1){
27.           c1.push(c[i]);
28.       }
29.    }
30.       console.log(c1);

31.    //第四种去重方法
32.       var d=["1","2","3","2","3","4","4"];
33.       var d1=Array.from(new Set(d));
34.       console.log(d1);
35.

五．获取元素的6种方式

1.document.getElementsByClassName(class);
2.document.getElementsByTagName(标签名);
3.document.getElementsByName(name属性);
4.document.querySelector(css选择器);
5.document.querySelectorAll(css选择器);
6.document.getElementById(id);

六．JSON 转换字符串对象的方法与转换成数组对象的方法

JSON 字符串转为 JSON 对象
console.log( JSON.parse(jsonStr) );
JSON对象转为 JSON 字符串
console.log( JSON.stringify(jsonObj) );

七．间歇定时器与超时定时器以及他们对应的清除定时器的方法

1.setInterval( 函数，时间毫秒 ) 无限次
2.setTimeout(函数，时间毫秒) 一次性
3.clearInterval() 清楚无限次
4.clearTimeout() 清除一次性

八．JS判断数据类型的方法

.  // 第一种函数封装检查数据类型。
        function a(b){
            var type=Object.prototype.toString.call(b);
            type=type.substr(8,type.length-9);
            return type;
        }
        var x=a("");
        console.log(x);

//第二种方法判断数据类型。
        console.log(Object.prototype.toString.call(""));
        var x=Object.prototype.toString.call("");
        var s=x.substr(8,x.length-9);
        console.log(s);

 //第三种方法    typeof  检查数据类型   
        console.log(typeof 1);
        console.log(typeof "");

// 第四种方法  instanceof
        console.log([1,1] instanceof Array);
        console.log( "ssss" instanceof String);
        function  a(c){
            var d=Object.prototype.toString.call(c);
            s=d.substr(8,d.length-9);
            return s;
        }
        var v=a(0)
        console.log(v);