JavaScript 开发小技巧：编程魔法大揭秘😎
嘿，各位编程大侠们！在 JavaScript 的奇妙世界里，掌握一些小妙招就能像拥有魔法棒一样，让你的代码变得超级酷炫哦！😜
一、trim()方法
这个trim()方法就像一个小清洁工，专门清理字符串两端那些调皮的多余空格。想象一下，当用户在表单里输入用户名的时候，要是不小心在开头或结尾留了空格，那可就像脸上有小灰尘一样。不过别怕，trim()一出马，瞬间让用户名变得干干净净，准确无误！😎
const input = " uname "
const trimInput = input.trim()
console.log(trimInput) // "uname"
二、entries()方法
你知道吗？很多小伙伴喜欢用Object.keys来遍历对象，但是它只能带回对象的键，就像只找到了宝藏的地图却没找到宝藏。而我们的Object.entries可就厉害啦！它能把对象的键和值一起打包带回来，就像找到了装满金银财宝的宝箱！😏
const person = {
name: '小明',
"小明": 18
}
Object.entries(person).forEach(([key, value]) => {
console.log(`${key}: ${value}`);
})
// name: 小明, 小明: 18
三、replace()方法
replace()方法就像是文字世界里的魔法换装师！它能把文本中的特定词汇瞬间换成另一个。比如把 “年入百万” 变成 “月入百万”，同时也希望各位大佬月入百万！😃
const text = '年入百万！年年开心！'
const replacedText = text.replace('年', '月')
console.log(replacedText); // 月入百万！年年开心！
const regex = /年/i
console.log(text.replace(regex, '月')) // 月入百万！年年开心！
四、replaceAll 方法
replaceAll那可是超级厉害的魔法大师！它能把所有出现的一个字符串统统换成另一个。如果说replace()是给一个人换衣服，那replaceAll就是给一群人都换上新衣服！
这样就可以用replaceAll让各位大佬不仅天入百万还可以天天开心啦！😎
const text = '年入百万！年年开心！'
const replacedText = text.replaceAll('年', '天')
console.log(replacedText) // 天入百万！天天开心！
const regex = /年/g
console.log(text.replaceAll(regex, '天')) // 天入百万！天天开心！
五、charAt()方法
charAt()就像是文字世界里的小侦探！它能找到字符串中指定位置的字符。想知道某个神秘位置上是啥字符？找它就对啦！😜
const str = 'Who is the most handsome'
const nStr = str.charAt(18)
const iStr = str.charAt(4)
console.log(nStr + iStr) // ni
六、Array.from()方法
Array.from()就像是一个神奇的魔法师，能把各种奇奇怪怪的东西变成漂亮的数组。不管是字符串还是其他可迭代的对象，它都能轻松搞定！😎
const str = 'handsome'
const newStr = Array.from(str)
console.log(newStr) // ['h', 'a', 'n', 'd', 's', 'o', 'm', 'e']
七、indexOf()方法
indexOf()就像是数组世界里的小导航。它能快速找到某个元素在数组中的位置。要是找不到，它就会大喊一声：“没找到！”-1 就是它的暗号！😏
const words = ['h', 'a', 'n', 'd', 's', 'o', 'm', 'e']
console.log(words.indexOf('a')) // 1
你造嘛O.o?
// 在一个点击事件中获取当前点击的li标签在父元素中的索引
// const index = Array.from(e.target.parentNode.children).indexOf(e.target)
const newWords = ['li标签1', 'li标签2', 'li标签3']
const index = Array.from(newWords).indexOf('li标签2')
console.log(index) //1
八、数字分隔符__
这个下划线分隔符可太有趣啦！就像给大数字穿上了漂亮的分隔符衣服，让它们变得好读又好认。要是哪天你想用 JS 看看自己的巨额余额，别忘了用这个小魔法哦！😜
const number = 1_000_000_000
console.log(number) // 1000000000
九、空值合并??操作符
这个??操作符就像是一个聪明的小助手。当你不确定一个变量是不是空的时候，它就会跳出来帮忙。如果左边是空的，它就会拿出右边的东西来补上。简直太机智啦！😎
const str = null?? '嘿嘿 你好～'
console.log(str)
// 嘿嘿 你好～
const num = 0?? 100
console.log(num)
// 0
十、总结
各位编程大侠们！这些小技巧就像一把把神奇的魔法钥匙，能打开 JavaScript 世界里的各种奇妙大门。希望大家用这些小魔法让自己的代码变得超级厉害，像闪闪发光的宝石一样！要是大侠们有什么更厉害的魔法，一定要分享给我哦！让我们一起在代码的海洋里快乐地玩耍吧！😎😎😎
