学习前端的第三十四天

一、对象的操作

1.点语法

• .
• 用于确定的属性名

2.中括号语法

• []
• 用于不确定的属性名，当属性名是变量时

二、对象的遍历方式

• for-in

for(var i in obj){
    console.log(obj[i]);
}

三、字符串

• 只要被引号包括起来就是字符串，所有数据都可以转成字符串，只要被引号包裹即可
• 引号：单引号’，双引号",反引号`

1.如果创建字符

• 字面量

  var str = "";
  var str = '';
  var str = ``;
  

• 构造函数

  var str = new String();
  

• 构造函数创建的字符，类型是object，但是可以使用正常的字符操作

2.字符的操作

• 字符和数组一定要区分开来，压根就不是一回事，仅仅是操作类似
• 索引和长度
  • length
  • 下标，序号，编号
  • 只能读，不能写
• 方法
  • 功能：
  • 参数：
  • 返回值：
  • 修改原字符：
  • 方法分类：
    • indexOf()
      • 功能：根据指定子串,从左向右查询字符，查询索引
      • 参数：1要查询的子串，2从哪个索引开始查询，可选
      • 返回值：索引 或 -1（没有查找到）
      • 是否改变原字符：否
    • slice()
      • 功能：截取
      • 参数：1开始的位置，2结束的位置（不包括），可选
      • 返回值：截取到的子串
      • 是否改变原字符：否
    • substr()
      • 功能：截取
      • 参数：1开始的位置，2个数，可选
      • 返回值：截取到的子串
      • 是否改变原字符：否
    • substring()
      • 功能：截取
      • 参数：1开始的位置，2结束的位置（不包括），可选
      • 返回值：截取到的子串
      • 是否改变原字符：否
    • split()
      • 功能：分割字符成数组
      • 参数：按照什么字符分割
      • 返回值：分割后的数组
      • 是否改变原字符：否
    • charAt()
      • 功能：根据索引取字符
      • 参数：索引
      • 返回值：取到的字符，没有取到，就是空字符:""
      • 是否改变原字符：否
    • lastIndexOf()
      • 功能：从右向左查询字符，返回索引
      • 参数：要走查找的子串
      • 返回值：索引，或-1
      • 是否改变原字符：否
    • concat()
      • 功能：合并字符
      • 参数：要合并的字符
      • 返回值：合并之后的字符
      • 是否改变原字符：否
    • toUpperCase()
      • 功能：转大写
      • 参数：无
      • 返回值：转换之后的字符
      • 是否改变原字符：否
    • toLowerCase()
      • 功能：转小写
      • 参数：无
      • 返回值：转换之后的字符
      • 是否改变原字符：否
    • replace()
      • 功能：替换
      • 参数：1老字符，2新字符
      • 返回值：替换之后的字符
      • 是否改变原字符：否

3. 字符集的介绍（了解）

• 字符集的概念，稍作了解
• 转换方法必须要会
  • 字符转U编码
    • 要转换的字符.charCodeAt()
  • U编码转字符
    • String.fromCharCode(U编码)

4.练习

• 字符
  • 数据驱动页面
    • 电商网站
      • 商品数据
    • 提前将页面结构写成字符
    • 配合数据，做字符串拼接，成正式结构
    • 配合innerHTML属性，填充页面