4、表达式--数组,对象

目录

表达式

1 原始表达式

2 数组初始化表达式

3 对象初始化表达式

4、函数定义表达式

5 属性访问表达式

6 调用表达式

7 对象创建表达式

8 算术表达式


表达式

1 原始表达式

  1. 原始表达式不可再分割,是最小单位的表达式,基本数据是不可以分割的,因为每一个数据,系统已经提前设定好了。

  2. 原始表达式包含:直接量、关键字(保留字)和变量名;

  3. 表达式+表达式=语句,语句+语句=程序 

比如: var a=20; //变量声明初始化语句

//基本数据的直接量
1;
1.02;
'hello world!';

//保留字
true;
false;
this;

//变量名
name;
hqyj;
age;

//声明变量的表达式

var a;

//函数表达式

function fn(){}

//函数名的表达式

fn;

2 数组初始化表达式

        var arr=[10,20,39]  //数据直接量

        var arr2 = new Array()  //[]    创建数组

        var arr3 = new Array(3)  //[]  length:3

        var arr4 = new Array(10,20,39)

        console.log(arr2,arr3,arr4);

数组: (数组直接量)     就是引用数据类型(一个大型的复杂的基本数据和引用数据的集合)

数组中可以保存很多数据,每一个数据的类型是不限定的,每一组数组可以包含很多类型的数据

数组里面也可以装数组:  var arr=[[2,3,4],20,30,[3,5,7,1]];       console.log(arr[0][2]);   打印4

  1. 数组初始化表达式:由中括号([])和其内用逗号(英文状态 ,)分隔开的列表构成;

  2. 初始化的结果是创建一个新的数组;数组的元素是逗号分隔开的表达式的值;

  3. “数组初始化表达式”中的“元素”也可以是“数组初始化表达式”,即多维数组;

  4.  
         

    //中间省略的元素会怎样?最后省略的元素又会怎样? [1,,,,6,,,]

    4、表达式--数组,对象_第1张图片

    4、表达式--数组,对象_第2张图片

​
   数组直接量的语法允许有可选的结尾的逗号,故[,,]、[1,,]、[,1,]这三种情况JS引擎会认为最后一个逗号是结尾的逗号,所以就认为只有两个元素;
   而[,,1]长度为三,这种情况人为的给最后一个逗号后面又添加了一个元素,所以最后一个逗号就不是结尾了,所以我们就能想到[,,1,]的长度仍然为3。
​
   小练习:
​
   ```js
   var a1 = [];//0
   var a2 = [,];//1
   var a3 = [,,];
   var a4 = [1,,];
   var a5 = [,1,];
   var a6 = [,,1];
   var a7 = [1,,3];
   //以上数组各有几个元素?

var b=a  //动态运行流程:先声明一个变量b,然后把变量a对应的引用数据的内存空间让b变量

4、表达式--数组,对象_第3张图片    4、表达式--数组,对象_第4张图片

4、表达式--数组,对象_第5张图片     4、表达式--数组,对象_第6张图片

3 对象初始化表达式

对象在js中是一种键值对的集合: key:value  key是字符串,value是数

        var obj={name:"karen"}  //对象直接量

        var obj2=new Object()  //创建一个对象

        obj2.name="kack"    // obj["name"] 等于 obj.name

        console.log(obj,obj2)

对象:跟数组一样,都是用来保存数据的,只是每一个数据都自己设计下标,对象可以保存任何类型的数据。

  1. 对象初始化表达式:由花括号({})和其内用逗号(英文状态 ,)分隔开的列表构成;

  2. 初始化的结果是创建一个新的对象; 对象的属性是逗号分隔开的表达式的值; 属性包括属性名和属性值,属性名和属性值之间用冒号隔开;

  3. “对象初始化表达式”中的“元素”也可以是“对象初始化表达式”,可以任意层级嵌套;

  4. 常见对象初始化表达式举例:

    //对象初始化表达式
    {name:'yourname', age:22};
    ​
    var obj={
        p1:{name:'华子', age:22},
        p2:{name:'华耀', age:25},
        p3:{name:'华赓', age:24}
    };   
    
  5.  
    var obj1={name:"hiha",age:24}
    
            var a1=obj1["name"];
    
            console.log(a1);
    
           
    
            obj1["age"]=25;
    
            console.log(obj1)
    
    
      var obj1={name:"hiha",age:24,books:["js","css","js"]};
    
            console.log(obj1["books"][2]);

  6. 结果为a,因为a是字符串,20是变量,赋值不了4、表达式--数组,对象_第7张图片

  7.      obj1["age"]=25; //如果已经有age成员,就会覆盖;如果没有age,就会添加新的成员。

考试题:

4、表达式--数组,对象_第8张图片

8

4、表达式--数组,对象_第9张图片

4、表达式--数组,对象_第10张图片

 9、

4、表达式--数组,对象_第11张图片

 

 10、两个对象obj 和obj2是不相等的

4、表达式--数组,对象_第12张图片

4、函数定义表达式

function是关键字,函数就是一个特殊的对象,数组也是一个特殊的对象,对象就是引用数据(就是一个内存空间,一个数据内存),与数组不一样的就是不仅可以保存数据,还可以保存代码块

数字的使用方式:  往往是+-*/%          字符串的使用方式:打印、渲染  +
​​
函数定义表达式定义一个JavaScript函数

1. 可以简单理解为:函数直接量;

2. 表达式的值是这个新定义的函数;

3. 函数表达式举例:

//函数定义

  var fn = function (a, b) {
    return a+b;
  }
  fn()   

fn是一个函数,它的使用方式是运行大括号代码

fn() 是函数的调用,让大括号代码运行,而且调用一次就执行一次

  //函数声明

  function fn(a, b) {
     return a+b;   //这个代码不会直接运行
  }
  fn();    

4、typeof fn   返回值是function

5 属性(成员)访问表达式

属性访问表达式 得到一个对象的属性或者一个数组的元素值,成员就是属性

引用数据通过【“key”】的形式访问成员(属性)  或者 通过点语法

        var arr=[1,23,4]

        console.log(arr[2])

        console.log(arr.length)   //会出笔试题:最后一个元素的下标+1  =  length

有两种访问方式:点(.)、中括号([]);   点的访问方式更方便,中括号的访问方式使用所有情况;

var a = {name:'yourname', age:22};
var b = {
      p1:{name:'华子', age:22},
      p2:{name:'华耀', age:25},
      p3:{name:'华赓', age:24}
};
var c = [1,2,3,4,'a','b','c'];
var d = [['a','b','c'],['d','e','f'],['g','h']];
console.log(a.age);
console.log(b.p2['name']);      //对象用中括号访问时,注意加引号!
console.log(c[4]); 
console.log(d[2][1]); 

6 调用表达式

取值得到了一个函数,然后加小括号就可以调用函数  (取值:变量可以取值,对象可以,只要能得到值得表达式,都是取值)

        var arr=[1,function(){consoloe.log(123)},200]
        arr[1]()   //arr[1]就是一个函数,进行调用

        var obj={xx:function(){consoloe.log(123)}}
        obj.xx()   //对象调用方法

调用表达式fn() 是执行函数或方法的语法表示;

  1. 如果调用的函数或方法有返回值,则表达式的值就是该返回值;

  2. 如果调用的函数或方法没有返回值,则表达式的值是undefined;

  3. 简单理解就是函数或方法名称后面跟上小括号代表执行;

  4. fn(1, 2);
    Math.max(1,2,3);//3
    a.sort();

7 对象创建表达式

由函数调用表达式延伸而来,前面加个new即可;

如果不需要传递参数,函数后面的小括号可以省略;

new Array(1,2,3);   //数组长度为3,元素为[1,2,3]
new Array(3)        //数组长度为3,元素为空[,,,]
new String('hello world!');
Number()/Boolean()/Object()/Function()

8 算术表达式

算术运算符:加减乘除取余,+-*/%;

  1. +:数字相加 或 字符串连接;false+true

    加法操作的行为表现:

    一、如果其中一个操作数是引用类型,优先调用valueOf求值后可以进行加法运算,则加起来;不行再调用toString,再进行字符串拼接。

    二、如果其中一个操作数是字符串的话,则另一个也会转成字符串

    三、如果两个操作数都是数字,则进行加法运算。

    console.log(1 + 5);      //6       
    console.log('1' + 5);        //15       
    console.log(new Date() + '--ok');   //  Sat Apr 23 2022 20:05:03 GMT+0800 (中国标准时间)--ok
    console.log(12 + NaN);   //NaN       
    console.log(true + true);    //2   
    console.log(201 + null);   //201 
    console.log(203 + undefined);     //NaN
    console.log(3 + 5 + '猜猜看');    //8猜猜看
    //加法运算的结果要么是数字要么是字符串   减乘除取余----运算结果全都是number类型
        var a=true;
        var b=false;
        console.log(a+b);  //会返回1。因为会转译,true是1,false是0


        var a=[];
        var b=10;
        console.log(a+b);  //会打印10

        var a=[10];
        var b=10;
        console.log(a+b);  //会打印1010.a是字符串

        var a=[];
        var b=10;
        console.log(a+b+20);  //会打印1020

你可能感兴趣的:(javascript,jquery,css,firefox,chrome)