常用字符串数组方法

---

字符串

<script>
  //一、字符串拼装 1.用”加号“拼装 let str = "html" + "css" +"js";
  2.concat()字符串拼装 str = "html".concat("css", "js"); //
  二、字符串截取slice(start,end) // 截取的部分不包括end索引的字符 str = "hello
  php"; let res = str.slice(0, 4); // substr(start，length) //
  三、trim()删除两边的空白字符 // 四、字符串转数组split() console.log(res);
</script>

数组

<script>
      //数组：有序的元素集体
      //栈方法：只允许在数组的一端进行元素的增加或删除操作
      // 一、push:在尾部添加,返回结果是添加自后数组的长度
      let arr = [1, 2];
      console.log(arr.push(3, 4));
      // 二、pop:从尾部删除，返回值是数组的最后一个参数，
      // 被操作的数组将发生变化，没有了最后一个参数
      // 三、头部添加unshift()；
      // 四、头部删除shift();
      // 五、join将数组转为字符串；
      // 六、splce();取数组子元素
      // 七、splice()实现数组的增删改
      // 默认操作：删除元素
      // splice(2,2);从数组下标为2的元素开始往后取两个，返回取出的结果
      //新增操作
      // splice(2 , 0 , "h", "c");这就是往下标为2的元素后面插入两个元素
      //修改操作
      // splice(2, 2 , "a", "b");把下标为2的元素后面两个元素值删除然后重新添加
      // forEach:对数组中的每一个成员使用一个回调方法进行处理，但是没有返回值
      // 如果需要一个返回值，请用另外一种方法map
      document.querySelectorAll("li").forEach(function (item) {
        item.style.color = "red";
      });
      // 简化为箭头函数就是
      document.querySelectorAll("li").forEach((item) => (item.style.color = "red"));
      //filter：对数组中的每一个成员使用一个回调方法进行处理，返回结果为true的元素；
      // 返回所有偶数
      arr = [1, 2, 3, 4];
      res = arr.filter((item) => !(item % 2));
      //reduce();归并操作，将数组中的所有元素用指定的回调处理成一个单一返回结果
      arr = [1, 2, 3, 4, 5];
      res = arr.reduce(function (prev, curr) {
        // prev:是前一个元素，curr:当前正在处理的元素
        return prev + curr;
      }, 0);
    </script>