web学习笔记(二十)

目录

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()

javascript">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。
  • 函数:单独存在的,通过“函数名()”的方式就可以调用。
  • 方法:对象里面的函数称为方法,方法不需要声明,使用“对象.方法名()”的方式就可以调用,方法用来描述该对象的行为和功能(常用动词)。
  • 对象:对象是一组无序的相关属性和方法的集合
转载请说明出处内容投诉
CSS教程_站长资源网 » web学习笔记(二十)

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买