JavaScript知识点的总结，使用指南总结三套“算法宝典” 算法刷题LeetCode中文版（为例）人与人存在很大

总结

三套“算法宝典”

28天读完349页，这份阿里面试通关手册，助我闯进字节跳动

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

开源分享：docs.qq.com/doc/DSmRnRG…

3.函数的命名规范

十五.变量的作用域

1.全局变量

定义：在函数外部声明的变量

例如：

var m=13;

alert(m);

2.局部变量

定义：在函数体内部声明的变量

function f(){

var m="234";

alert(m);

}

3.匿名函数

1.定义：没有声明函数名的函数

var m=function(){

alert("Hello world");

}

m();

2.注意点：

匿名函数除了没有函数名以外，与其他函数没有任何区别
如果想要在其他地方调用该函数，则需要先声明一个变量，并把该函数的值赋值给声明的变量
可以将变量名做为函数名调用

3.匿名函数的作用

可以将函数表达式存储在变量中
可以将匿名函数当作参数来传递

4.匿名函数的立即执行

1.语法：

（function(){

alert("立即执行");

}());

2.注意点：

要把匿名函数用一对圆括号括起来，作为一个整体看
在函数的最后面添加一对圆括号来表示调用函数

3.函数递归调用

定义：

在函数的内部调用当前的函数

需要满足的条件

要有结束条件
递归不能无限的递归下去，否则会溢出。

总结：

函数的调用原理与数据结构栈的实现是一致的。

十六.JavaScript中数组的特点

1.数组的长度是可以动态改变的

2.在同一个数组中可以存储不同的数据类型

3.每一个数组中都有一个 length的属性，表示的是数组中元素的个数

十七.数组的创建

数组中的两种基本创建方式

1.字面量的方式

2.构造函数

注意点：

在构造函数创建数组对象时，最后一个元素后面不需要添加逗号
在构造函数中只传入一个Number值，这个值一定要大于 0
在构造函数创建数组对象时，new关键字可以省略

3.修改和访问数组中的元素

var arr=[10,20,30,40,50,60];

alert(arr[0]);

arr[3]=100;

4.数组中的长度

var arr = [10, 20, 60, 5, 7];

alert(arr.length);

十八.数组的遍历

1.遍历数组的方法

普通的for循环
for...in
for each
for... of

2.普通for循环的遍历

var arr=[20,30,50,60,78];

for (var i=0;i<arr.length;i++){

console.log(arr[i]);

}

3.for ...in循环的遍历

var arr=[50,30,60,12,45];

for (var index in arr){

console.log(arr);

}

注意：

for...in遍历数组时，遍历出来的是数组的下标

4.for each方法的遍历

var arr=[23,4,56,7,80]; arr.forEach(function(ele,index){ alert(ele); });

十九.javaScript中数组的常用方法

1.转换方法：

toString（）

作用：返回由数组中每个值得字符串形式拼接而成的一个以逗号分割的字符串

var arr=[2,3,45,6,78];

alert(arr.toString());

2.join()方法

作用：可以使用指定的连接符连接

alert(arr.join("="));

二十.JavaScript中站的方法

1.入栈（ push() )

作用：把新的元素添加到数组的后面

2.出栈 ( pop() )

作用：把数组中的最后一个元素从数组中移除

var arr=[2,3,4,5,67];

var num=arr.push("100");

var hom=arr.pop();

alert(num);

alert(hom);

3.队列方法

1.shift()

作用：从队列中的头部移除元素

2.unshift()

作用：向队列尾部添加元素

var arr=[23,45,67];

var num=arr.shift();

var bak=arr.unshift();

alert(num);

alert(bak);

4.数组中的倒序

reverse()：

作用：将数组中的元素进行倒序

5.javaScript中查找指定元素在数组中的索引

1. indexOf(item,num)

作用：从num的位置开始向后查找item第一次出现的位置

2.lastIndex(item,num)

作用：从num的位置开始向前查找item第一次出现的位置

var arr=[2,3,5,3,6,2,8,8];

alert(indexOf("2",2);

alert(lastIndeOf("3",4);

6.获取新的数组

1.concat(arrayX,arrayX,......,arrayX)

作用：用于连接多个数组，并且不会对原数组做任何的改变

var arr=[2,34,56];

var arr1=[87,65,43];

var newArr=arr.concat(arr1);

alert(newArr);

2. slice(start,end)方法

作用：截取数组，并且返回结渠道的新数组

var arr=["a","s","d","f","g"];

var arr1.slice(0,3);

alert(arr1);

3.splice(index,howmany,item1,.....,itemX) 方法

作用：向数组中添加元素，删除元素，替换元素

var arr=[2,3,4,"as",d,f];

var num= arr.splice(1,3);

alert(num);

var num1=arr.splice(1,0,"m","n");

alert(num1);

var num2=arr.splice(1,2,"2","3");

alert(num2);

二十一.javaScript中数组的检测

1.instanceof运算符

作用：会返回一个Boolean值，指出对象是否是特定构造函数的一个实例

var arr = [];

alert(arr instanceof Array);

2.Array.isArray()方法

作用：判断一个变量是不是数组，是则返回true，否则返回false

二十二. JavaScript中字符串的操作

1.注意：

javaScript中字符串是不可变的，需要创建一个新的字符串

2. 字符串的创建

字符串直接量

var s = "good";

alert(typeof s);

通过String()转换函数

var s = String(123);

alert(typeof s);

二十三.JavaScript中字符串常见的方法

1.s.charAt(index)

作用：返回的是指定位置的字符

var s = "a你好bcd";

alert(s.charAt(0));

2.s.charCodeAt(index)

作用：返回指定位置的字符的 Unicode 编码

var s = "a你好bcd";

alert(s.charCodeAt(0));

3.字符串连接方法

1.s.concat(stringX,stringX,...,stringX)

作用：用于连接两个或者多个字符
注意：

1.并不会改变原字符串

2.可以使用字符串连接符(+)

var s = "你好";

alert(s.concat("啊", "凌源"));

4.查找子字符串出现的位置

1. s.indexOf(searchvalue,fromindex)

作用：可以返回某个指定的字符串值在字符串中首次出现的位置

var v = "abcabdefgh";

alert(s.indexOf("ab"));

2.s.lastIndexOf(searchvalue,fromindex)

作用：可以返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索

var s = "abcabcdab";

alert(s.lastIndexOf("ab"));

5.js字符串的截取

1.s.substring(start,stop) 方法

作用：用于提取字符串中介于两个指定下标之间的字符

var s="asdfghj";

alert (s.substring(1));

2.s.substr(start, length) 方法

作用：可以在字符串中抽取从start下标开始的指定数目的字符

var s="asdfghj";

alert (s.substr(1));

3.s.slice(start,end) 方法

作用：可以提取字符串的某个部分，并且以新的字符串返回被提取的部分

var s="asdfghj";

alert (s.slice(1，3));

6.大小写转换方法

1.s.toUpperCase

作用：字符串中所有的字符转变成为大写

var s = "abcAbc";

alert(s.toUpperCase());

2.s.toLowerCase

作用：字符串中的所有的字符转变成小写

var s = "ABcAbc";

alert(s.toLowerCase());

7.去除字符串首尾空白字符

s.trim() :

作用;只是去除字符串的首尾的所有空白字符. 字符串内部的空白字符不做任何处理

var s = " \n \t ABc Abc \t \n \t";

alert(s.trim());

8.字符串替换、匹配、搜索方法

1. s.replace(regexp/substr,replacement)方法

作用:用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var s = "abcaba";

var newStr = s.replace("ab", "js");

alert(newStr);

2. s.match(匹配值)

作用：在字符串内检索指定的值

var s = "abcaba";

var arr = s.match("ab");

alert(arr);

3.s.search(匹配的参数)

作用：始终从字符串的头部开始查找

var s = "abcaba";

var arr = s.search("ab");

alert(arr);

9.字符串比较

== 比较两个字符串的==内容==是否相等
=== 恒等只有类型和内容都相等的时候才返回true

* s.localeCompare(other):

如果字符串在字母表中应该排在字符串参数之前，则返回一个负值；
如果字符串的等于字符串参数，返回0；
如果字符串在字母表中应该排在字符串参数之后，则返回一个正数；

10.字符串切割方法

s.split(separator,howmany)方法

作用：用于把一个字符串分割成字符串数组。

var s = "How do you do";

var arr = s.split(" ");

alert(arr);

二十四.JavaScript中Math对象

1.常用属性

Math.PI : π的值
Math.E: 自然对数的底数

2.Math对象常用方法

Math.abs(x) : 返回x的绝对值
Math.max(任意个数值) ：返回传入的数值中的最大值
Math.min(任意个数值) ：返回传入的数值中的最小值
Math.ceil(number) ：返回大于等于number的最小整数(向上取整)
Math.floor(number) ：返回小于等于number的最大整数(向下取整)
Math.round(number): 四舍五入
Math.pow(x, y) : 返回 x^y
Math.random() : 返回 0-1之间的随机小数
Math.sin(x) 正弦, Math.cos(x) 余弦, Math.tan(x) 正切

二十五.BOM核心---window对象

1. 获取全局变量的方式

this
window.age

*window.sagAge()

var num=24; function sagAge(){ alert(this.num); } alert(window.age); window.sagAge();

2. window窗口大小

==获取浏览器窗口大小==

1.在Internet Explorer(9+)、Chrome、Firefox、Opera 以及 Safari

window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度

2. 针对于 Internet Explorer 8、7、6、5

document.documentEelement.clentWidth document.documentEelement.clentWidth

3.为了兼容浏览器的版本可以使用下面的代码

var w=window.innerWidth || documentEelement.clentWidht; var h=window.innerHeight || documentEelemlent.clentHeight;

3.调整窗口大小

window.resize(w,h): 调整到指定的大小
resizeBy(deltW, deltH): 增加指定窗口的宽和高

<button οnclick="to();">将窗口调整到指定大小

<button οnclick="by();">宽和高增加的像素

二十六. window中的定时器

1.window对象中定时器的功能方法

超时调用 setTimeout()

setTimeout(code,millisec)

参数1：要执行代码。一般传入一个函数。(当然也可是字符串形式的代码，但是不建议使用)

参数2：多长时间后执行参数1中的代码。单位毫秒

周期调用 setInterval()

总结

三套“算法宝典”

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

28天读完349页，这份阿里面试通关手册，助我闯进字节跳动

算法刷题LeetCode中文版（为例）

JavaScript知识点的总结，使用指南

总结

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

语法：

十五.变量的作用域

1.全局变量

2.局部变量

3.匿名函数

4.匿名函数的立即执行

十六.JavaScript中数组的特点

十七.数组的创建

1.字面量的方式

2.构造函数

注意点：

3.修改和访问数组中的元素

4.数组中的长度

十八.数组的遍历

1.遍历数组的方法

2.普通for循环的遍历

3.for ...in循环的遍历

注意：

4.for each方法的遍历

十九.javaScript中数组的常用方法

1.转换方法：

2.join()方法

二十.JavaScript中站的方法

1.入栈 （ push() )

2.出栈 ( pop() )

3.队列方法

4.数组中的倒序

5.javaScript中查找指定元素在数组中的索引

1. indexOf(item,num)

2.lastIndex(item,num)

6.获取新的数组

1.concat(arrayX,arrayX,......,arrayX)

2. slice(start,end)方法

3.splice(index,howmany,item1,.....,itemX) 方法

二十一.javaScript中数组的检测

1.instanceof运算符

2.Array.isArray()方法

二十二. JavaScript中字符串的操作

1.注意：

2. 字符串的创建

二十三.JavaScript中字符串常见的方法

1.s.charAt(index)

2.s.charCodeAt(index)

3.字符串连接方法

1.s.concat(stringX,stringX,...,stringX)

4.查找子字符串出现的位置

1. s.indexOf(searchvalue,fromindex)

2.s.lastIndexOf(searchvalue,fromindex)

5.js字符串的截取

1.s.substring(start,stop) 方法

2.s.substr(start, length) 方法

3.s.slice(start,end) 方法

6.大小写转换方法

1.s.toUpperCase

2.s.toLowerCase

7.去除字符串首尾空白字符

8.字符串替换、匹配、搜索方法

1. s.replace(regexp/substr,replacement)方法

2. s.match(匹配值)

3.s.search(匹配的参数)

9.字符串比较

* s.localeCompare(other):

10.字符串切割方法

二十四.JavaScript中Math对象

1.常用属性

2.Math对象常用方法

二十五.BOM核心---window对象

1. 获取全局变量的方式

2. window窗口大小

1.在Internet Explorer(9+)、Chrome、Firefox、Opera 以及 Safari

2. 针对于 Internet Explorer 8、7、6、5

3.为了兼容浏览器的版本可以使用下面的代码

3.调整窗口大小

二十六. window中的定时器

1.window对象中定时器的功能方法

总结

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

1.入栈（ push() )