前端-js-基础知识学习笔记(1)

方法：

1、parselnt(string)函数 ⚠️转换的是取整，后面带px单位时则会去掉px

2、parseFloat(string)函数 ⚠️字符型转换成数字型，包括小数

3、Number()强制转换函数

4、js隐式转换（ - * /)

举例：

/parselnt(string)转换/

parselnt(age);

parselnt(‘12’);

parselnt(‘120px’); //可以直接去掉单位 结果120

/parseFloat(string)转换/

parseFloat(‘2.14’);

/Number()强制转换函数/

Number(变量);

Number(‘123’);

/*js隐式转换（ - * /) */

console.log(‘12’ - 0);//12

• 转换成Boolean型

代表空、否定的值会被转换成false 比如’’ 和 0、NaN、null、undefined

其余的值都会被转换成true

Boolean()函数

举例

//转化成布尔类型

var info1 = ‘你好,未来’;

var info2 =’ ';

var info3 =‘0’;

console.log(Boolean(info1));

console.log(Boolean(info2));

console.log(Boolean(info3));

运算符

1. 算数运算符（浮点数最好不要进比较）

2. 递增递减运算符

前置递增和后置递增单独使用效果是一样的

1、++age = age=age+1 前置递增：先自加后返回值

2、age++ = age=age+1 后置递增：先返回原值 后自加

3. 比较运算符

<

=

<=

== 判断 会转型 console.log(18==‘18’)结果是true 默认转换数据类型，这里会把字符串转换成数值型

!=

=== 全等 就是一模一样，要求两边的值还有数据类型要相等

!== 不全等于

4. 逻辑运算符 & || ！

逻辑中断的原理：当有多个表达式时，左边的表达式值可以确定结果时，就不再继续运算右边的表达式的值

语法：表达式1 && 表达式2

如果第一个表达式的值为真，则返回表达式2

如果第一个表达式的值为假，则返回表达式1

逻辑中断的原理：当有多个表达式时，左边的表达式值可以确定结果时，就不再继续运算右边的表达式的值

语法：表达式1 || 表达式2

如果第一个表达式的值为真，则返回表达式1 后面就不用计算了

如果第一个表达式的值为假，则返回表达式2

5. 赋值运算符

= 直接赋值

+=、-= num+=2相等于num=num+2

*= 、=、%= num _=2相等于num=num_2

运算符优先

流程控制

流程控制分类：顺序结构、分支结构、循环结构

顺序结构：很简单就是按照我们书写代码的先后顺序来执行

分支结构 ：

根据不同的条件执行不同的代码，从而得到最终的结果。

首先在这里介绍两个关键字： break、continue

break 表示立即退出整个循环

continue 表示立即跳出本次循环，继续下一洗循环 （本次循环体中continue之后的代码就会少执行一次）

• if语句

1、

if（条件表达式） {

//执行语句

}

else {

//执行语句

}

2、多分支语句 多选一

if（表达式1） {

/ /若条件符合执行的代码；

}

else if (表达式2) {

}

。

。

。

else {

最后的语句;

}

• 三元表达式

如果表达式结果为真就执行表达式1，如果表达式结果为假就执行表达2. 一定会有个返回值

条件表达式 ？ 表达式1 ：表达式2;

• switch语句

多支语句

针对一系列特定的值的选项时

switch (表达式){

case value1:

执行语句1;

break;//退出循环

case value2:

执行语句2;

break;

…

default:

执行最后的语句;

}

⚠️ 表达式经常写变量 变量的值与case里面的值匹配时候要是全等的

数组

概念：数组可以把一组数据存储起来 ，是一组数据的集合

其中的每一个数据被称作元素，在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的优雅方式

创建数组的方式

• 利用new创建数组

Array第一个字母一定要大写

var arr =new Array();//创建量一个空的数组

• 利用数组字面量创建数组

数组里面的数据一定要用逗号分隔，里面的数据叫数组元素

var 数组名 =[ ] ; //使用数组字面量方式创建的数组

var 数组名 = [ ‘小白’，‘小黑’] //带初始值的数组

获取数组元素

• 利用索引的方式

索引就是也就是数组的下标，用来访问数组里面的数据 下标是从0开始的

格式 数组名 [ 索引号]

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

console.log (arr[0]);//这里得到的就是数组arr里面的第一个数据 1

遍历数组

如果需要将数字里面的元素全部取出来，除了利用索引的方式，还有什么简单的方法吗？肯定有啦 答案就是循环在读取里面的内容的时候，此时需要知道数组的长度，那么我们又用到了length这个属性啦 它能够动态检测数组元素的个数

直接上才艺！

var arr=[2,6,1,77,52,25,7];

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

console.log(arr[i]);

}

新增数据元素的方法

• 修改length的长度来实现数组扩容

length 可读写的

arr.length =5 // 将数组的长度修改为5 默认值undefined

var arr=[1,3,‘pink’];

arr.length=4;

console.log(arr);

效果图 可以看到数组的长度为4 增加了一个空间，但是里面没有赋值 所以就是空的，后期自己赋值就可以了

• 利用索引号追加数组元素

arr[5]=‘pink;

如果里面有索引，就是替换数组元素

不要直接给数组名赋值，否则里面的数据都没有了

var arr = [1, 3, ‘pink’];

arr[3]=1;

console.log(arr);

通过索引的方式就直接给数组又赋了一个值，数组的长度发生变化了，一定要注意不能直接给数组名赋值哟

接下来我们就来看两个典型的例子，检测你到底懂了没

1、冒泡排序 从小到大排列

这里需要明白的内容就是两个数如何交换位置，就是通过第三个变量，临时存储的方式 ，所以我们要申明一个temp变量作为中间变量

结果图：

代码：

var arr=[5,4,3,2,1];//申明一个数组并赋初值

var temp=0; // 用于后面两个值进行交换时，中间变量

for(var i = 0; i < arr.length-1; i++) {//这个循环是判断数组总共要比较多少趟

for(var j = 0;j < arr.length-i-1;j++) { //里面的每个数据要比较的次数

if(arr[j]>arr[j+1]) { //当前的值大于后面的值时，执行下面的语句进行交换位置，就要利用到我们的第三方变量

temp=arr[j];

arr[j]=arr[j+1];

arr[j+1]=temp;

}

}

}

console.log(arr);

1、乘法表

其实代码很简单，就是思路要清楚明了

结果图：

代码：

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

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