JS内置对象补充和简单复杂数据类型总结

前端小吕学习语言第五天-JS内置对象补充和简单复杂数据类型总结

JavaScript

Js内置对象

1. 字符串对象

   1. 基本包装类型：就是把简单数据类型包装成了复杂数据类型

      // 把简单数据类型包装成复杂数据类型
      var temp = new String('andy');
      //把临时变量的值给str
      str = temp;
      //销毁这个临时变量
      temp = null;
      

2. 字符串的不可变

   指的是里面的值不可变，虽然看上去可以改变内容，但其实是地址变了，内存中新开辟了一个内存空间

   • 因为字符串的不可变所以不要大量的拼接字符串

3. 根据字符返回位置

   1. str.indexOf('要查找的字符'，[起始位置])，如果找不到则返回-1

4. 根据位置返回字符

   1. charAt(index)根据索引号返回指定字符

   2. charCodeAt(index)根据索引号返回指定字符的ASCLL码 目的：判断用户按下了哪个键

   3. str[index] H5新增方法

      //得到字符串中重复次数最多的属性名和重复次数
              var str = 'abcoefoxyozzopp';
              var o = {};
              for(var i = 0 ; i < str.length; i++){
                  var chars = str.charAt(i); //chars是字符串的每一个字符
                  if(o[chars]){ //o[chars]得到的是属性值
                      o[chars]++;
                  }else{
                      o[chars] = 1;
                  }
              }
              console.log(o);
              var max = 0;
              var ch = '';
              for(var k in o){
                  // k 得到的是 属性名
                  //o[k] 得到的是属性值
                  if(o[k] > max){
                      max = o[k];
                      ch = k;
                  }
              }
              console.log(max);
              console.log('最多的字符是' + ch);
      

5. 字符串的操作方法

   1. 连接两个或多个字符串，拼接字符串 concat(str1,str2,...)和 ‘+’ 相同
   2. 截取字符串，从索引号start的位置开始，length取的个数substr(start,length)
   3. 从start的位置开始，截取到end的位置，不包括end ，slice(start,end)
   4. 从start的位置开始，截取到end的位置，不包括end不接受负值substring(start,end)
   5. 替换字符 replace（‘被替换的字符’,‘替换为的字符’）他只会替换第一个字符
   6. 字符转化为数组split（‘分隔符’） 之前join，把数组转化为字符串
   7. toUpperCase() 转换大写 toLowerCase() 转换小写

---

Js简单数据类型和复杂数据类型

1. 简单类型右键基本数据类型或者是值类型，复杂类型又叫做引用类型

   值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型

   string，number，boolean，undefined，null(返回的是一个空的对象)

   • 如果有个变量我们以后打算存储为对象，暂时没想好放啥，这个时候就给null

   引用类型：复杂数据类型，在存储时变量中存储的仅仅是地址（引用），因此就叫做引用数据类型，通过new关键字创建的对象（系统对象、自定义对象），如Object，Array，Date等

2. 堆和栈

   堆栈空间分配区别：

   1. 栈：由操作系统自动分配释放存放函数的参数值、局部变量的值等，其操作方式类似于数据结构中的栈；简单数据类型存放到栈里面
   2. 堆：存放复杂类型（对象），一般由程序员分配释放，若程序员不释放，有垃圾回收机制回收。复杂数据类型存放到堆里面
   • js中没有堆栈的概念

3. 简单数据类型内存分配

   1. 简单数据类型 是存放在栈里面的，里面直接开辟一个空间，存放的是值

      

   2. 复杂数据类型 首先在栈里面存放地址，十六进制表示，然后这个地址指向堆里面的数据

   

4. 简单数据类型的传参

   1. 函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到外部变量

      

5. 复杂数据类型的传参

   1. 函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象

   

我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象

THE END

• 网课听的B站pink老师的JS基础语法，有什么不对的地方欢迎各位大佬前来批评指正哇