JS字符串相关操作介绍

JS字符串相关操作介绍

---

---

1.trim去除两端字符串空白

代码如下（示例）：

//只能去除两端的空白
  let td ="    为了泰达,为了天津,永远进攻    "
      console.log(td.trim())

2.toUpperCase() 返回转为大写形式的字符串

代码如下（示例）：

 const str = "teda";
      console.log(str.toUpperCase());

toLowerCase 会将调用该方法的字符串值转为小写形式

---

3.toLowerCase() 返回转为小写形式的字符串

代码如下（示例）：

const str = "TEDA";
      str = str.toLowerCase();

4.concat() 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回

代码如下（示例）：

let str = "天津津门虎";
      str = str.concat("足协杯", ["必胜"]);
      console.log(str);

5.slice() 方法提取某个字符串的一部分，并返回一个新的字符串

代码如下（示例）：

let str = "泰达必胜";
      console.log(str.slice(1)); //达必胜
      console.log(str.slice(2, 4)); //必胜
      console.log(str.slice(-2)); //必胜 
      console.log(str.slice(-4, -3)); //泰

6.includes() 方法用于判断一个字符串是否包含在另一个字符串中，根据情况返回 true 或 false

代码如下（示例）：

<script>
      let str = "泰达必胜";
      console.log(str.includes("泰达")); //true
      console.log(str.includes("红皮狗")); //false
      console.log(str.includes("奥特曼1")); //false
      console.log(str.includes("泰", 0)); //true,根据索引判断
      console.log(str.includes("泰达", 0)); //true
      console.log(str.includes("泰达", 1)); //false
    </script>

7.split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组

代码如下（示例）：

 let str = "天津津门虎队";
      console.log(str.split("")); // ['天', '津', '津', '门', '虎', '队']
      console.log(str.split("津")); // ['天', '', '门虎队']]
      
      let str2 = "a天a津a津a门a虎";
      console.log(str2.split("a")); //['', '天', '津', '津', '门', '虎']
      console.log(str2.split("a", 5)); // ['', '天', '津', '津', '门']

8.indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引，从 fromIndex 处进行搜索

代码如下（示例）：

let str = "为了共同的理想,站在同一个地方,";
      console.log(str.indexOf("为")); //0
      console.log(str.indexOf(",")); //7
      console.log(str.indexOf("找不到")); //-1
      console.log(str.indexOf(",", 2)); //8

9.toFixed() 方法使用定点表示法来格式化一个数值。数值类型

代码如下（示例）：

 let num = 3.1415926;
      console.log(num.toFixed()); //3 四舍六入
      console.log(num.toFixed(2)); //3.14      

10.解构就是把取值的变量解构出来

代码如下（示例）：

let teda = {
        wqm: 30,
        xwj: 11,
        blq: 9,
      };
      console.log(teda.wqm, teda.xwj);
      const { wqm, xwj, blq } = teda;
      console.log(wqm, xwj, blq);
      //   数组的解构
      let arr = [4, 5, 6];
      const [a, b, c] = arr;
      console.log(a, b, c);

11.展开运算符允许⼀个表达式在某处展开

代码如下（示例）：

 let arr = [1, 2, 3];
      let arr1 = [4, 5, 6];
      let arr2 = [...arr, ...arr1];
      console.log(arr2);

      let obj = {
        a: 1,
      };
      let obj2 = {
        b: 2,
      };
      let obj3 = { ...obj, ...obj2 };
      console.log(obj3);

12.seTtimeout(()=>{},时间（毫秒）)延时器 延时多少去执行

代码如下（示例）：

 setTimeout(()=>{
            console.log('来了来了');
        },5000)

13.setInterval(()=>{},时间（毫秒）)定时器 定时多久去执行（循环执行）

代码如下（示例）：

   setInterval(()=>{
            console.log("我又来了");
        },1000)

14.清除定时器

代码如下（示例）：

 const timerId = setInterval(() => {
        console.log(123);
      }, 500);//每0.5秒输出一次
      setTimeout(()=>{
        clearInterval(timerId)
      },5000)//5秒后清除定时器

15.new创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例

代码如下（示例）：

let qdx = {a:1}//前对象
        let xdx = new Object({a:1})//新对象,同时把对前对象的爱给了新对象
        obj1.b = 2  //再给新对象更多的爱
        console.log(obj1);//给大伙看看新对象

16.this指向当前作用域环境

代码如下（示例）：

//1：this永远指向一个对象；
//2：this的指向完全取决于函数调用的位置；
var A = {
    name: '张三',
    f: function () {
        console.log('姓名：' + this.name);
    }
};
​
var B = {
    name: '李四'
};
​
B.f = A.f;
B.f()   // 姓名：李四 //调用的时候this指向了B里面的name
A.f()   // 姓名：张三 //调用的时候this指向了B里面的name

17.for…in循环是一种特殊类型的循环，也是普通 for 循环的变体，主要用来遍历对象，使用它可以将对象中的属性依次循环出

代码如下（示例）：

  for (const i in obj) {//i就是0,1,2,3,4.....
            // console.log(obj,key);
            console.log(obj[i]);
        }

18.typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型

代码如下（示例）：

 console.log(typeof(1));
      console.log(typeof(NaN));
      console.log(typeof(Number.MIN_VALUE)); 
      console.log(typeof(Infinity));
      console.log(typeof("123"));
      console.log(typeof(true));
      console.log(typeof(window));
      console.log(typeof(document));
      console.log(typeof(null));
      console.log(typeof(eval));
      console.log(typeof(Date));
      console.log(typeof(sss));
      console.log(typeof(undefined));