js 字符串与数组的操作

序：用的时候，有时会疑惑，这个怎么和字符串（数组）的用法是一样的，难道它们是同一个，其实是它们的属性一样，但并不通用

数组某个对象值更新

updateArr(){
  let bleList = [{id:1,name:"",sbId:""},{id:2,name:"",sbId:""},{id:3,name:"",sbId:""},{id:4,name:"",sbId:""},{id:5,name:"",sbId:""},{id:6,name:"",sbId:""}];
  // 1、使用map遍历
  bleList = bleList.map(item => {
    if (item.id === 2) {
      return {
        ...item,
        name: "haha",
        sbId: "abcdefghijkl"
      };
    }
    return item;
  });
  // 2、使用索引赋值
  // const index = bleList.findIndex(item => item.id === 2);
  // bleList[index].name = "haha";
  // bleList[index].sbId = "abcdefghijkl";
  // console.log(bleList);
},

字符串与数组的长度（.length）、索引、遍历

let str = "Hello";
let arr = [a, b, c];
// 长度
let strLen = str.length;
let arrLen = arr.length;
console.log(strLen); // 5
console.log(arrLen); // 3
// 索引获取
console.log(str[0]); // "H"
console.log(arr[0]); // a
console.log(str[strLen - 1]); // "o"
console.log(arr[arrLen - 1]); // c
// 遍历与迭代
for (let char of str) {
  console.log(char);
}
for (let elem of arr) {
  console.log(elem);
}
// 拼接与连接
let str2 = "World";
console.log(str + " " + str2); // "Hello World"
console.log(arr.join("-")); // "a-b-c"

字符串与数组的切割方法

// 数组的 splice 和 slice 方法
let arr = [a, b, c, d, e];
let removedArr = arr.splice(1, 2); // 移除索引1和2的元素
console.log(arr); // [a, d, e]
console.log(removedArr); // [b, c]
let slicedArr = arr.slice(0, 2); // 从索引0开始到索引1，不包括2
console.log(slicedArr ); // [a, d]

// 字符串的 split 和 slice 方法
let text = "Hello, World!";
let words = text.split(", "); // 根据逗号和空格分割
console.log(words); // ["Hello", "World!"]
let sliceText = text.slice(7, 12); // 提取索引7到11的字符，不包括12
console.log(sliceText); // "World"

字符串与数组的相互转换

let arr = [a, b, c];
let str = arr.toString();
// let str = arr.join(',');
console.log(str); // "a,b,c"

let str2 = "Hello";
let arr2 = Array.from(str2);
console.log(arr2); // ["H", "e", "l", "l", "o"]

// 动态拼接
let strAct = arr.reduce((acc, curr) => acc + '-' + curr, '').slice(1);
console.log(strAct); // "a-b-c"
let name = "Tom";
let greet = `Hello, ${name}!`;
console.log(greet); // "Hello, Tom!"

记录一下字符串与数组中易混淆的方法，正所谓好记性不如烂笔头。