JS流程控制语句与数组

Lán2022年11月2日
大约 6 分钟

JS流程控制语句与数组

if

如果if语句体中只有一行语句,可以省略大括号和换行。

switch

switch语句的用途:当一个变量被分类讨论的情形。与case比较值时使用全等比对。

三元运算符

条件表达式 ? 表达式1 : 表达式2

for循环

for (var i = 1, sum = 0; i <= 10; i++){
    sum = sum + i;
    console.log(i);
} 
console.log(i); //11
console.log(sum); //11

while

var i = 1;
while(i <= 100){
    console.log(i);
    i++;
}

do while

do while循环是一种后测试循环语句,不通for循环和while循环先测试条件是否满足,然后执行循环体,do-while循环时先执行循环体,然后测试条件是否满足。

do {
    循环体
} while(循环条件);

随笔:随机函数

Math.random(); //得到0到1直接的小数
parseInt(Math.random() * (b - a + 1)) + a; //得到[a,b]区间的整数

算法

算法(Algorithm)是指解题方案的准确而完整的描述,是一系列解决问题的清晰指令,算法代表着用系统的方法描述解决问题的策略机制。也就是说,能够对一定规范的输入,在有限时间内获得所要求的输出。

算法就是把一个问题,拆解为计算机能够一步一步执行的步骠。

计算机的流程控制语句:顺序执行、选择语句、循环语句

  • 累加器
  • 累乘器
  • 穷举法

嵌套循环

outer: for(var i = 1; i <= 10; i++){
    for(var j = 2; j < i; j++){
        if(i % j == 0){
            //通过添加外层for循环的lable,表示继续循环外层for循环的下一个数字
            continue outer;
        }
    }
}

数组

数组(Array),顾名思义,用来存储一组相关的值,从而方便进行求和、计算平均数、逐项遍历等操作。

数组的定义:

var arr = ['a','b','c','d'];
var arr2 = new Array('a','b','c','d');

//定义一个长度为4的数组,但是这4项都是undefined
var arr3 = new Array(4);

访问数组项,数组每一项都有下标,下标从0开始,可以使用方括号中书写下标的形式,访问数组的任一项。

var arr = ['a','b','c','d'];
var first = arr[0];
console.log(arr[100]); //undefined

下标越界
JS规定访问数组中不存在的项会返回undefined,不会报错,会返回undefined

数组的length属性表示它的长度,数组的最后一项的小标是数组的长度减1

更改数组项
如果更改的数组项超过了length+1,则会创造这项

数组类型的检测
数组用typeof检测结果是object

Array.isArray()方法可以用来检测数组

“鸭式辨型”检测法

数组的头尾操作

  • push() 在尾部插入新项
  • pop() 在尾部删除
  • unshift() 在头部插入新项
  • shift() 在头部删除

push()
push()方法用来在数组未尾推入新项,参数就是要推入的项
如果要推入多项,可以用逗号隔开
调用push()方法后,数组会立即改变,不需要赋值

pop() 与push()相反,pop()方法用来删除数组中的最后一项
pop()方法不仅会删除数组未项,而且会返回被删除的项

unshift()
unshift()方法用来在数组头部插入新项,参数就是要插入的项
如果要插入多项,可以用逗号隔开
调用unshift()方法后,数组会立即改变,不需要赋值

shift()
与unshift()相反,shift()方法用来删除数组中下标为0的项
shift()方法不仅会删除数组首项,而且会返回被删除的项

其他常用方法

splice()方法

splice()方法用于替换数组中的指定项

var arr = ['A','B','C','D',‘E’,'F','G']; 
arr.splice(3,2,'X',‘Y’,'Z'); //从下标为3的项开始,连续替换2项
console.log(arr); //['A','B','C','X',‘Y’,'Z','F','G']

splice()方法可以用于在指定位置插入新项

var arr = ['A','B','C','D',‘E’,'F','G']; 
arr.splice(3,0,'X',‘Y’,'Z'); //从下标为3的项开始插入
console.log(arr); //['A','B','C','X',‘Y’,'Z','D',‘E’,'F','G']

splice()方法可以用于删除指定项

var arr = ['A','B','C','D',‘E’,'F','G']; 
arr.splice(3,2); //从下标为3的项开始插入
console.log(arr); //['A','B','C','F','G']

splice()方法会以数组形式返回被删除的项

slice()方法

slice()方法用于得到子数组,类似与字符串的slice()方法

slice(a,b)截取的子数组从下标为a的项开始,到下标为b(但不包括下标为b的项)结束

slice(a,b)方法不会更改原有数组

slice()如果不提供第二个参数,则表示从指定项开始,提取所有后续所有项作为子数组

slice()方法的参数允许为负数,表示数组的倒数第几项

join()和split()方法

数组的join()方法可以使数组转为字符串;字符串的split()方法可以使字符串转为数组

join()的参数表示以什么字符作为连接符,如果留空则默认以逗号分隔,如同调用toString()方法

split()的参数表示以什么字符拆分字符串,一般不能留空

concat()方法

concat()方法可以合并连结多个数组,不会改变原数组

reverse()方法

reverse()方法用来将一个数组中的全部项顺序置反

indexOf()方法

indexOf()方法的功能是搜索数组中的元素,并返回它所在的位置,如果元素不存在,则返回-1,判断方法使用===,包含类型

includes()方法

includes()方法的功能是判断一个数组是否包括一个指定的值,返回布尔值,判断方法使用===,包含类型

sort()排序方法

这个函数中的a、b分别表示数组中靠前和靠后的项,如果需要将他们交换位置,则返回任意正数,否则返回负数

var arr = [11,34,656,77,23];

arr.sort(function (a, b){
    if (a > b){
        return 1;
    }else {
        return -1;
    }
})

字符串和数组的更多相关性

字符串也可以使用方括号内写下标的形式,访问某个字符,等价于charAt()方法

二维数组

二维数组: 以数组作为数组元素的数组,即“数组的数组”

二维数组可以看做是矩阵

引用类型

基本类型: number、boolean、string、undefined

引用类型:array、object、function、regexp等

相等判断是的区别

基本类型进行相等判断时,会比较值是否相等

引用类型进行相等判断时,会比较址是否相等,也就是说它会比较是否为内存中的同一个东西

深克隆和浅克隆

使用arr1=arr2的语法不会克隆数组

浅克隆: 只克隆数组的第一层,如果是多为数组,或者数组中的项是其他引用类型值,则不克隆其他层

深克隆: 克隆数组的所有层,要使用递归技术

上次编辑于: 2022/11/3 15:35:05
贡献者: lanjd,lanjd