JS笔记

---

JS学习笔记

---

目录

1、弹窗提示

2、html中引入Js代码

3、数据（变量）

4、格式化代码

5、打印控制台数据

6、位运算

7、键盘输入

8、三元表达式

9、页面上显示

10、数组

11、函数

12、创建对象

13、验证对象a是否属于A

14、json格式创建方法 

1、弹窗提示

<script>
    alert("弹出文字");
</script>

2、html中引入Js代码

     输入方式引入     

       1)新建JS文件，在文件中写入JS代码

       2）在html中chua创建script标签在标签中应用src引入

<script src="创建的JS文件名"></script>

    拖入式

         鼠标点击要使用的js文件，拖入html代码段中即可

3、数据（变量）

var 命名=值;

三种通用数据类型的使用：

const定义的变量不可以修改，而且必须初始化。

var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

let是块级作用域，函数内部使用let定义后，对函数外部无影响。

6种明确数据类型

number：数字类型

string：字符串类型（一般用单引号或双引号括起来）

boolean：布尔类型（true    false）

null：空类型 ，值只有一个：null，一个指向为空的对象才可以赋值为null

undefined：未定义类型，即只定义了变量名未初始化

object：对象类型

获取数据类型

typeof 变量名

各进制表示方法

八进制         0开头     var num=07；  //八进制的7

十六进制   0x开头      var num=0xa   //十六进制的10

判断数据

是不是不是数字：isNan（）；

字符串长度：变量名.length；

转义符

\b  退格

\f  走纸换页

\n  换行

\r  回车

 \t  横向跳格

\'  单引号

\"  双引号

\\  fan'反斜杠

数据类型转换

转数字

Number()        //转数字（不实用）

parseInt();       //转整型

parseFloat();   //转小数

转字符串

name.toStirng();  //变量有意义

String(name);     //变量无意义

转布尔类型的

boolean(name);

4、格式化代码

Ctrl+Alt+L

5、打印控制台数据

console.log(数据名);

6、位运算

Var num1 = 10；
var num2 = 20；
num1 = num1 ^ num2;
num2 = num1 ^ num2;
num1 = num1 ^ num2;



//结果为   num1  =  20
           num2 =  10

 

7、键盘输入

var age=prompt("请输入你的年龄");

    配合数据类型转换使用：

var age=parseInt(prompt("请输入您的年龄"));

8、三元表达式

var 变量=判断表达式？表达式1：表达式2;

var age = parseInt(prompt("请输入年龄"))
var result = age>18 ? "成年了":"未成年";

 

9、页面上显示

document.write();

 

10、数组

1、创建

var 数组名 = new Array（数组长度或数组数据）；

var  数组名 = [数组长度或数组数据]；

2、修改及删除

修改：数组名[i] = 新值；

删除：delete 数组名[ i ] ;

3、解构赋值

[a,b,c] = [f,g,h]

即 a = f    b = g    c = h

4、数组数据添减

var arr=['one','two','three','four','five','sex'];
var a = arr.push('seven');       //末尾添加数据
var b = arr.pop();              //从数据末尾移除数据
var c = arr.unshift('zero'); //在数据首位添加数据
var d = arr.shift();        //从数据首位移除数据

5、数组元素的检索

var  arr = ['一','二','三','四','五','六'];

var a = arr.indexof('二');   //检索arr数组中是否有‘二’这个元素，如果有则返回下标

var b = arr.includes('三');  //检索arr数组中是否有‘三’这个元素，并返回布尔类型的值

 

11、函数

function 函数名 （）{

}

1）括号内ke't为形参，fnag方法体中为实参

2）括号内无需定义变量的类型，需要时在方法体中定义即可

3）要有return，return后面的代码不执行

12、创建对象

  1)实例化对象

      var name = new object();

 2)添加属性

    name.age = 38;   name.play = function (){

  }

3）字面量写法

var object =  {
    name:"小明",
    age：38，，
    fun：function （）{
    console.log("我吃饭了");

    }

}

13、验证对象a是否属于A

          console.log(".......");

a instanceof A

14、json格式创建方法 

var json{
    
    "name"="小明",

    "age"="18",

    "sex"="男"

 }

 

json的变量名字和值都用括号括起来

2）遍历数据

for（var  key in json）{

console.log(key);   //key中存储的是json的键，即名字

console.log(key+"=========="+jsonp[key]);
}