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

2.字符串长度length

var str=‘123’;

console.log (str.length)//输出字符串的长度，也就是字符串里面的数据个数

3.字符串拼接 +

特点：

任何数据类型都可以拼接成一个字符串类型

只要有字符串+其他数据类型最后都是字符串

//口诀：数值相加，字符相连

console.log(‘沙漠’+‘骆驼’);// 拼接成一个字符串沙漠骆驼

//变量不要写到字符串里面，通过和字符串拼接实现 引引加加的方式更方便哟！

var age=18;

console.log ( ‘pink老师’+age +‘岁’);【引引加加】

Boolean类型：

true（在参与运算时值为1）、false （在参与运算时值为0）

Undefined / null类型：

underfined 和数字相加结果是NaN

null 和数字相加结果是数字

underfined |null 和字符串相加结果是字符串拼接

数据类型的转换

在学习如何数据类型转换前，我们是不是要先知道它是那种数据类型呢？

利用typeof 获取变量的数据类型

var num=10；

console.log(typeof num);//检测num是什么数据类型

• 转换为字符串类型

方法：

1、toString()

2、String()强制转换

3、加号拼接字符串 这种放大也是经常用到的，也称为隐式转换

举例：

var num =1;

//toString方法

console.log (num.toString());

//String强制转换

alert(String（num））;

//加号拼接字符串

alert(num+" ");

• 转换成数值型

方法：

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]);

}

新增数据元素的方法

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

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

组里面的数据 下标是从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]);

}

新增数据元素的方法

最后

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！

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