第五天JavaScript字符串属性

一、字符串属性与方法

• 方法啊

indexOf/lastIndexOf 查下标

toLowerCase/toUppercase 大小写转换

search/split 查下标、以某个字符分裂出数组

subString/substr 指定范围切数组

replace/match 替换/匹配

1.1属性length：

str.length
//获取到字符串中字符的个数。

1.2 indexOf 与 lastIndexOf（索引）方法

• indexOf:获取到第一个匹配到的字符的索引值。

• lastIndexOf:获取到的最后一个匹配到的字符的索引值。

• 如果字符在字符串中没有出现，返回的是数字-1**

console.log("me");

1.3 tolowerCase 与 toUpperCase（大小写转换）

• toLowerCase：将字符串中英文字符变为小写

• toUpperCase:将字符串中英文字符变为大写

var newStr1 = str.toLowerCase();

他们两者属于字符串方法：是将字符串英文字符变为大小写。【都是返回一个新的字符串，对于起始字符串没有影响】

1.4 search 与 split方法

• search:它的作用是可以获取到某一个字符的索引值。

  • 与indexOf功能一样
  • 可搭配正则搜索字符串

• split:它的作用是可以将字符串通过某一个字符切割为数组。

  • 不影响源字符
  • str.split(“”)可以将字符串将每个字符分隔，并且每个字符都将作为数组的新元素
  • 与数组方法join是相互对调

var str = "我今天买了一个华为手机花了我5888";
      //split:可以将字符串通过某一个字符分割为一个数组
      var arr = str.split("华");
      var arr1 = str.split("");
      console.log(arr1);
//结果 "我今天买了一个“，”为手机花了我5888";

1.5 substring 与 substr方法 (指定切割范围)

• substring:它是字符串方法，主要的作用是在父串当中切割出一个子串

  • str.substring(起始索引值，结束索引值) 包含起始索引值、不包含结束索引值
  • 切割出一个新字符串,不影响源字符串

• substr:它也是字符串方法，它主要的作用也是从父串当中切割出一个子串

  • str.substr(起始索引值，切割长度)

功能近似，只不过传递参数不同而已。

1.6 replace(替换) /match(匹配)

• replace:可以替换某一个字符串中复合条件的字符进行替换。

  • 不影响源字符串,新字符串

• match:可以进行将某一个字符串中符合条件的第一个字符匹配出来，返回的是一个数组。

var newStr = str.replace("原","替")；
var arr	= str.match("字符")；

* 二、json数据格式

概述：JSON【JavaScript Object Nonation】 JS对象一种标记法。

在JS当中是有JSON数据格式，JSON数据格式是由一个大的花括号{}表示，JSON数据格式在JS当中是引用类型数据。JSON数据格式作用如下：

• 前端工程师可以和后台工程师进行数据交换

• JSON数据格式可以通过KV键值对存储数据、读取、修改、添加数据。

语法格式：

{
  "k":"v",
  “name”: “小明”，
  “age”:12
}

• JSON数据格式经常用存储、读取、修改、新增数据操作。

• JSON数据格式是通过K V对进行存储数据。

• JSON数据格式K务必需要加上双引号。

3.1存储数据

<script type="text/javascript">
//JSON数据格式：大花括号表示
console.log({});	
//JSON数据格式：引用类型数据
console.log(typeof {});
//JSON数据格式   存储数据
var info = {
​     "name":"孙悟空",
​     "age": 12,
​     "marray":true,
​     "hobby":["吃饭","睡觉","打豆豆"]
 }
console.log(info);
</script>

• JSON数据格式常用功能即为存储数据

• JSON存储数据的时候K-V键值对存储（K：务必加上双引号）

• JSON存储的时候右侧V可以是任意类型数值。

3.2读取数据

概述:JSON数据格式可以通过点语法||枚举法读取数据。

//JSON数据格式   读取数据
 //点语法读取数据
 console.log(info.age);
 console.log(info.marray);
 console.log(info.hobby);
 //通过枚举法读取数据
 console.log(info["name"]);
 console.log(info['age']);

3.3修改已有数据

概述：我们也可以通过点语法||枚举法修改JSON数据格式里面的V；

 //点语法进行修改

 info.name = "猪八戒";

 info['age'] = 88;

 console.log(info);

3.4添加新的KV键值对

//JSON数据格式 添加KV键值对
 info.sex = "男";
 info['color'] = "黄色";
 console.log(info);

点语法||枚举法在没有当前这个K的时候，给JSON数据格式在添加新的KV

• 点语法||枚举法在有K情况，在修改JSON中KV
• 总结：有则改，没则增。

*3.5动态定义

---

var container={
	caoyao:"解毒草"，
	feijian：“乌木剑”
};
var prop="caoyao";
console.log(container[prop]);