<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// <!-- js的5种数据类型 -->
<!-- 数字型 number
布尔型 boolean true false
字符串型 string 引号 单引号 双引号 你在引号里面写什么内容 控制台就会输出什么内容
null 空,空值,空对象
undefined 声明变量,没有赋值
type of 检测当前某个变量空间中的数据类型
// length属性常用的一些方法
length 可以获取字符串的长度
charAt(index),返回指定位置的字符
indexOf(str) 查找某个指定的字符串在字符串中首次出现的位置,如果没有匹配项,返回 -1
substring(num) , 返回字符串的一个子串,传入参数是起始位置到结束;
substring(num1,num2) , 返回字符串的一个子串,传入参数是起始位置到结束位置,注意左闭右开;
split(str) , 将字符串按照某种规则分割为字符串数组;
replace(oldvalue, newvalue) 使用一个新的值替换掉原来的值,注意:这样只能替换第一个;
如果需要替换所有的值,可以使用replace(/oldvalue/g, new value);
var d = "uskjaooosfhsdhjkgooofdsjjhg"
换第一个值console.log(d.replace("ooo", "777"))
换所有的值console.log(d.replace(/ooo/g, "777"))
// 数组
定义数组的格式有2种
1. var 数组名 = [];
数组的第二种定义格式,使用Array对象完成,在创建数组的时候,指定数组的长度,如果没有写长度的话则长度默认是0
2. var arr = new Array()
可以用 for 循环对数组进行遍历 也可以用js特有的 for in 循环语法
for(x in arr){ // x为变量, arr 是数组名}
// 数组的常用方法和属性
.length 获取数组的长度
sort() 对数组进行排序
排序方法是比第一个字符的大小 第一个字符一样大就比第二个 以此类推
var b = [12,3,64,67,44,61]
console.log(b.sort())
浏览器输出 排序为 Array(6) [ 12, 3, 44, 61, 64, 67 ]
push() 向数组末尾添加元素,返回一个新的长度 !!!返回值是新数组的长度
var b = [12,3,64,67,44,61]
console.log(b.push(34))
console.log(b)
Join() 用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的
var b = [12,3,64,67,44,61]
console.log(b.join("o"))
浏览器输出 12o3o64o67o44o61
// 分支结构 if
一次判断
if( 判断的条件 ){
//判断成立后执行的语句
}
两次判断
if( 判断的条件 ){
//判断成立后执行的语句
}else{
//判断不成立后执行的语句
}
两次以上
if( 判断的条件 ){
//判断成立后执行的语句
}else if( 判断的条件 ){
//判断成立后执行的语句
}
else if( 判断的条件 ){
//判断成立后执行的语句
}
else if( 判断的条件 ){
//判断成立后执行的语句
}
....
else{
//所有的判断都不成立后执行的语句
}
// 分支结构 switch
switch(表达式){ // 要么是num, String
case 常量1 :
语句;
break; // 结束当前语句
case 常量2 :
语句;
break;
.....
default:
语句;
break; // 可以省略
}
// 循环结构
for (let index = 0; index < array.length; index++) {
const element = array[index];
}
// 循环中断
Break 终止循环 执行循环后面的代码 -- 结束循环,跳出循环
Continue 终止本次循环 执行下一次循环 -- 则结束当前循环 执行下一次循环
</script>
</body>
</html>
js基础知识总结
于 2022-03-15 11:28:13 首次发布