js-day08简单对象&字符串对象
01.回顾
02.简单对象
1、面向对象 1、现实生活中-对象 对象: 具体一个事物 区分不同对象: 特征和行为 2、软件世界-对象 自己创建对象 内置对象: 有 数组Array var arr = new Array() 构造函数 var arr = [] 字面量 对象才有属性和方法 区分对象:属性和方法 arr.length 属性 arr.push() 方法 3、数组对象 Array 功能: 存储一系列有序数据的集合 var arr = [98,89,78,78] ['张三',23,true] var arr = new Array() 构造函数 var arr = [] 字面量 ========================================= 4、内置对象 【重点】 简单对象 Object 1、功能: 存储(键值对)的集合 //描述一个人信息 姓名是张三,年龄是20,性别是男,成绩是98 2、创建简单对象: 两种方式: 1、构造函数方式: var obj = new Object() //空对象 obj.username = '张三' obj.age = 20 obj.sex = '男' obj.score = 98 创建名为obj的对象,添加了username,age,sex,score属性 2、字面量方式 var obj = {} //创建空对象 var obj = { //属性 username:'张三', age:20, sex:'男', score:98, //方法 say: function(){ console.log('说话') } } //obj对象名,也可以叫引用变量 访问对象属性和方法 通过点语句: 对象名.属性名 对象名.方法名() obj.username obj.say() console.log(name); //属性需要输出 访问对象方法,执行方法体中代码 //视情况看是否需要输出
03遍历简单对象
- for-in 遍历简单对象
var obj = {username:‘小明’,age:20,sex:‘男’}
for(var key in obj){
//key 对象属性名
//obj 是变量名=简单对象的名字
console.log(key,obj[key]) //key属性 obj[key]属性值
}
- 如果对象属性名是变量时,使用:对象名[变量名] 访问属性值
04取小数位数: 数值.toFixed(位数)
avg.toFixed(2) //平均数保留两位小数
05字符串
=> 基本数据类型
number string boolean undefined null …
Number String Boolean 字符串、数值、布尔值是一个包装数据类型 当使用点语句时会自动转换成复杂数据类型, 使用完自动转回基本数据类型 => var str = 'hello' var str = "hello" 1、字符串对象 => 复杂数据类型 => 对象 =>简单对象 Object =>数组 Array 2、字符串在使用点语句调用方法属性时, =>会自动转化为复杂数据类型(对象类型), =>使用完之后转为原来字符串类型 =>包装类型 3、创建字符串对象 var str = new String('hello') //构造函数 var str = 'hello' //字面量 4、字符串length属性 =>字符串中字符个数 注:空字符也算一个字符 5、字符串索引号 第一个字符索引号从0开始 6、访问字符串中字符 str[0] 不能赋值==字符值只能访问不能赋值 7、字符串的遍历 for循环
06字符串对象常用方法
!空字符也占据字符串额位置哦
charAt(索引号)
=>是找到字符串中指定索引位置的字符内容返回
返回值:字符
参数:索引号
indexOf()
=> 找字符在字符串中的索引号,从左向右找第一个索引号
=> 没找到返回-1
返回值:索引号
参数:字符 – ‘字符’
lastIndexOf() =>找字符在字符串中的索引号,从右向左找 => 没找到返回-1 返回值:索引号 参数:字符 substring() => 截取字符串,返回新字符串 返回值:新字符串 参数:2个 =>参数1 开始索引 =>参数2 结束索引(不包含此字符) substr() => 截取字符串,返回新字符串 =>参数1 开始索引 =>参数2 元素个数 返回值:新字符串 参数:2个 replace() => 用新的子字符串替换指定子字符串 参数:2个 ('要更换字符串','新的字符串') 返回值:新的字符串 split() =>按指定字符,分割字符串,返回数组 返回值:数组 参数:指定字符 注:若为空字符串,则按照单个字母分割 concat() =>字符串拼接 返回值:新的字符串 参数:字符串 str.concat('nihoawa') str1.concat(str2) trim() => 方法删除字符串两端的空白符 !只能两端空白字符 => 返回去掉空格的新字符 返回值:新字符串 参数:无 开发场景:用户注册账号,防止客户不小心打入空格符 startsWith() =>判断字符串是否以子字符串开始 =>是true, 不是false 返回值:布尔值 参数:字符串 endsWith() =>判断字符串是否以子字符串结束 =>是true, 不是false 返回值:布尔值 参数:字符串 toUpperCase() toLowerCase() 功能:将字符串转换为全部大写|全部小写 开发用途:用来判断数据传送方式get|post 转换大小写
07模板字符串
var str = ‘hello’
var str = “hello”
var str = hello
模板字符串 =>反引号引起来的字符串 相比其他字符串的优点: =>模板语法 ${变量}: 在字符串中输出变量的值 var name = 'jack' `hello:${name}` => `hello:jack` =>在模板语法中简单运算 ${a + b} 加减乘除三目运算符 ${true?'hello':'world'} 应用: => 复杂字符串拼接 => 长字符串换行需要拼接换行,使用模板字符,``中直接换行