web学习笔记（二十）

02-29 1058阅读 0评论

1.字符串对象

1.1基本包装对象

1.2字符串对象常用方法总结

1.3字符串总结

2.对象

2.1对象的定义

2.2创建对象的三种方式

2.3对象的操作

2.4变量、属性、函数、方法总结

1.字符串对象

1.1基本包装对象

基本包装类型就是把简单数据类型包装成为复杂数据类型，使得基本数据类型就有了属性和方法。基本包装类型包括String 、Number、Boolean三种。

1.2字符串对象常用方法总结

常用字符串方法总结

名字	用法
charAt(索引号)	返回指定位置的字符
concat(str1,str2...)	连接两个或更多字符串(相当于加号拼接)，并返回新的字符串
indexOf(元素，[索引号])	返回某个指定的字符串在字符串中首次出现的位置，不存在则返回-1
lastIndexOf()	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置（只找一次）
includes()	查找字符串中是否包含指定的字符串，返回一个Boolean
slice(开始,结束)	提取字符串的片段（前闭后开区间），并在新的字符串中返回被提取的部分,里面的两个参数开始和结束都是可有可无有，可正可负的若开始大于结束，则截不到字符串
substr(索引号，个数)	从起始索引号提取字符串中指定数目的字
substring(开始，结束)	提取字符串中两个指定的索引号之间的字符。如果开始的数字大于结束，则会将两者自动交换位置
trim()	去除字符串两边的空白。
toUpperCase()	把字符串转换为大写。
toLowerCase()	把字符串转换为小写。
split('分隔符')	把字符串分割为字符串数组。
repeat()	复制字符串指定次数，并将它们连接在一起返回。
replace(旧，新)	在字符串中查找匹配的子串，并替换(只替换一次)与正则表达式匹配的子串。
replaceAll(旧，新)	在字符串中查找匹配的子串，并替换与正则表达式匹配的所有子串。
match()	查找找到一个或多个正则表达式的匹配

1.3字符串总结

字符串类型可以使用索引号来查找某个字符。
字符串类型可以使用.length获得字符串的长度。
字符串类型不可以通过索引号来修改字符串。
2.对象

2.1对象的定义

万物皆对象，对象是一个具体的事物，一个看得见摸得着的实物在js中对象是一组无序的相关属性和方法的集合。所有的事物都是对象，字符串、数组、函数等都是一个对象。而属性就是对象自身的特征，方法：就是对象的功能（行为）.

2.2创建对象的三种方式

（1） new Object()
```
var obj = new Object();
```
(2) 字面量 {} -----就是花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法。

{ } 里面采取键值对的形式表示
- 键：相当于属性名
- 值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）
```
var obj1 = {};
```
  (3)构造函数----大类 es5没有类的概念，只能用函数来模拟类
  
  2.3对象的操作
  
  1.增
  
  （1）对象.属性名=属性值（属性名相当于变量）；
  
  （2）对象['属性名']=属性值;(如果不加属性名就相当于中括号内写入了一个变量)
```
 obj.name = 'moumoou';
 obj[123] = 234;
```
  属性名的命名规范同变量名，但是比变量名宽泛一点,如果属性名比较特殊或者是变量都需要采用下面这种命名方法对象[属性名]=属性值。不可以用对象.属性名=属性值
  
  （3）增加方法（分为无参有参和带返回值）
  
  对象.方法=function(){
  
  }
```
 obj.text=function(){
            console.log('111');
        }
```
  2.改
  
  （1）对象.属性名=新值
  
  （2）对象[属性名]=新值
```
        obj.name = 'moumoou';
        obj[123] = 234;
        obj.name = 'sead';
        obj[123] = 111;
```
  3.查
  
  获取后直接输出即可
  
  (1) console.log(对象.属性名);
  
  (2) console.log(对象[属性名]);
```
console.log(obj.name);
console.log(obj[name]);
```
  4.调用
  
  (1)调用对象的方法：对象.方法名()；
  
  （2）调用对象的属性对象.属性名；或对象[属性名]；
  
  5.遍历（取出所有的属性）
  
  因为对象没有.length属性所以只能使用 for...in 来遍历。
  
  for (变量 in 对象名字) {
  
  // 在此执行代码
  
  }
```
 // 键值对（名值对）{属性名：属性值，属性名：属性值，属性名：属性值}
        for (var i in obj) {
            console.log(i, obj[i]);//i 属性名  obj[i]属性值
                                          }
```
  可以使用in关键字来判断对象中有没有某个属性
```
 console.log('gender' in obj);//返回一个布尔值true或false
//可以判断对象中有没有某个属性
              if(属性名 in 对象){
                          }else{
                  }
```
  6.删除
  
  delete 对象.属性名;
```
 delete obj.name;
```
  删除之后再次查看此属性也不报错，结果为undefined。
  
  2.4变量、属性、函数、方法、对象总结
  - 变量：单独声明赋值，单独存在。
  - 属性：对象里面的变量称为属性，不需要声明，用来描述该对象的特征（常用名词），在对象中输出未声明的属性不会报错，结果返回undefined。
  - 函数：单独存在的，通过“函数名()”的方式就可以调用。
  - 方法：对象里面的函数称为方法，方法不需要声明，使用“对象.方法名()”的方式就可以调用，方法用来描述该对象的行为和功能（常用动词）。
  - 对象：对象是一组无序的相关属性和方法的集合