Js开发小技巧

79 阅读1分钟
// 1. 替换字符串中匹配的第一个相同字符
 let str ="Welcome to follw";
 str = str.replace("o",666);
 console.log(str); // 打印结果 'Welc666me to follw'
//1-2 替换所有相同字符
 str = str.replace(/\o/g,8);
 console.log(str); // 打印结果 'Welc8me t8 f8llw'
// 2. 获取字符串中的某个字符
 let str2 ="hello world"
 console.log(str2.charAt(4)) // 打印结果 'o'
// 查找是否存在某个字符
 console.log(str.includes('a'),1) // 打印结果 'false' 
// 3. 反转字符串
 let str3 ="hello qzdbc"
 const stringReverse = (str) => str3.split("").reverse().join('')
 let newStr =stringReverse(str3)
 console.log(newStr) // 打印结果 'cbdzq olleh'
// 4. 数字字符串转成number类型
 let num = "123"
//   num = +num
     num = num *1
 console.log(num) // 打印结果 123
// 4-2对小数优雅取整
  let number = 3.145 | 0
  console.log(number) // 打印结果 3
// 5. 条件判断给字符串变量赋值 也称为短路评估
//      let str5 = "888";
//      let finalStr;
//      if (str5 !== null && str5 !== undefined && str5 !== "") {
//        finalStr = str5;
//     } else {
//       finalStr = "default Val";
//     }
 finalStr = str5 || "default Val"
// 6. 通过条件判断增加对象属性
      let isAdd = false;
      let girlFriend = {
        name: "Lucy",
        height: "176cm",
        age: 23,
        ...(isAdd && { work: "singer" }),
      };
 console.log(girlFriend); 
 // 打印结果 {
//    "name": "Lucy",
//    "height": "176cm",
//    "age": 23,
//  }
// 7. 检查某个属性是否存在对象中
    console.log(!girlFriend.work) // true
    console.log("aa" in girlFriend) // false
    console.log(girlFriend.hasOwnProperty('height')) // true
    console.log(Object.keys(girlFriend).indexOf('work')) // -1
// 8.标准JSON的深拷贝
      let k = {
        a: 1,
        b: {
          c: 2,
          d: 8,
        },
      };
      let n = JSON.parse(JSON.stringify(k));
      n.a =2333
      console.log(k);
      console.log(n);
// 9.快速遍历数组
let language = ['java','python','c++','javaScript']
for (let item of language) {
    console.log(item)
}
// 10.统计一个数组中某个元素出现的次数
let numbers = [1, 1, 3, 4, 5, 89, 2, 1, 6, 1, 8983];
let numArr = numbers.reduce(function  (a,b){
   if(b in a ) {
     a[b] ++
   } else {
     a[b] =1;
   }
   return a;
 },{})
 console.log(numArr) // 打印结果
// {
//    "1": 4,
//    "2": 1,
//    "3": 1,
//    "4": 1,
//    "5": 1,
//    "6": 1,
//    "89": 1,
//    "8983": 1
// }
 

replace()

charAt()

includes()

indexOf()

reduce()