10個你每天都需要用到的Javascript代碼片段
1、遍歷對象
// Simple wayconst person = { name: "Shoaib", Age: 25, Gender: "Male" };for (const property in person) {console.log(`${property}: ${person[property]}`);}// Another wayconst anotherPerson = {Name: 'Shoaib',Age: 25,Gender:"Male"};for (const [key, value] of Object.entries(anotherPerson)) {console.log(`${key}: ${value}`);}
2、查找對象數(shù)組
進(jìn)入陣列是日常開發(fā)或編程中最需要完成的任務(wù)。在這里，我們使用find函數(shù)來執(zhí)行此操作。該功能也適用于其他陣列。數(shù)字?jǐn)?shù)組，對象數(shù)組，字符串?dāng)?shù)組，所有內(nèi)容都支持此方法。
代碼如下：
const students = [{name: 'Shoaib', roll: 2},{name: 'Mehedi', roll: 10},{name: 'Alex', roll: 5}];function search(student) {return student.name=== "Mehedi";}console.log(students.find(search));// { name: 'Mehedi', roll: 10 }
3、對數(shù)組排序
對數(shù)組進(jìn)行排序是一個令人困惑且經(jīng)常使用的代碼段。Javascript具有其內(nèi)置sort()功能。此方法適用于字母排序。因此，針對數(shù)字的解決方案是添加一個處理數(shù)字類型的新方法。在這里，我描述了字母排序和數(shù)字排序。
注意：在期望數(shù)值排序時(shí)，請不要忘記使用新方法。
// sort alphabeticallyconst name = ['Shoaib', 'Mehedi', 'Alex', 'Jane'];const arr = [1, 30, 4, 21, 100000];name.sort();console.log(name);// sort numericallyarr.sort(function(a, b) {return a - b;});console.log(arr);
4、字符串反轉(zhuǎn)
字符串反向是一個基本而普遍的問題。在這里，我將展示一些可能的方法。
Reverse using basic functions。只是拆分一個字符串并創(chuàng)建一個數(shù)組，然后反轉(zhuǎn)它，最后，你去加入它。
Reverse using a loop。以相反的順序循環(huán)遍歷一個數(shù)組，并將其添加到新變量中，就可以了。
最后一種可能的解決方案是recursion function。看看吧。
// reverse using basic functionsfunction reverse(string) {return string.split("").reverse().join("");}console.log(reverse('shoaib'));// reverse using loopfunction reverse(string) {var newString = "";for (var i = string.length - 1; i >= 0; i--) {newString += string[i];}return newString;}console.log(reverse('shoaib'));// reverse using recursion functionfunction reverse(string) {if (string === "")return "";elsereturn reverse(string.substr(1)) + string.charAt(0);}console.log(reverse('shoaib'));
5、查找最大數(shù)量的陣列
這是一種查找最大數(shù)組數(shù)的方法。也可以循環(huán)執(zhí)行此操作，但這是下面的一種簡單方法。
const array1 = [1, 3, 2];console.log(Math.max(...array1));// expected output: 3
6、合并數(shù)組
合并數(shù)組可以通過多種方式完成。一種是內(nèi)置concat()功能。另一個是點(diǎn)差運(yùn)算符（…）。在這里，我解釋了兩者。
let arrOne = [1,3,5]let arrTwo = [2,4,6]// first waylet combine = arrOne.concat(arrTwo)console.log(combine)// second waycombine = [...arrOne,...arrTwo]console.log(combine)
7、錯誤處理
try-catch語句適用于異常處理程序。只需將你的代碼放入try塊中即可。如果一切正常，就可以開始工作了，如果發(fā)生異常，你的代碼將執(zhí)行catch塊，并且你可以在catch塊中做任何你想做的事情。錯誤報(bào)告和其他決策主要在catch塊中執(zhí)行。
最后，使用try-catch也是必不可少的。try語句執(zhí)行后，將執(zhí)行“最后”塊。
try {try_statements}catch (exception_var) {catch_statements}finally {finally_statements}
8、查找多數(shù)重復(fù)數(shù)組
這是日常生活中最常見的任務(wù)之一。這是下面的例子。只需使用將幫助你找到數(shù)組中重復(fù)次數(shù)最多的元素即可。這適用于數(shù)字和字符串。
function mostRepeated(array){return array.sort((a,b) =>array.filter(v => v===a).length- array.filter(v => v===b).length).pop();}console.log(mostRepeated(['shoaib', 'alex', 'mehedi', 'alex'])); // apple
9、交換值
交換值是編程中最基本的問題。在這里，我們使用技巧，并同時(shí)將多個值分配給多個變量。
示例如下：
let a = 50, b = 16;[a, b] = [b, a];console.log(a,b);
10、功能鏈
鏈接功能的概念很有趣。函數(shù)鏈接是javascript的概念，其中單個對象中包含多個函數(shù)。
在這里，我們可以通過一遍又一遍地提及對象來調(diào)用所有功能。鏈接主要是提高代碼的可讀性。這是下面的例子。
var object = {res: 0,add: function(a, b) {this.res = a + b;return this;},multiply: function(a) {this.res = this.res * a;return this;}};object.add(5, 10).multiply(10)console.log(object.res)
結(jié)論
在本文中，我試圖介紹日常生活中所需的所有潛在且定期使用的代碼段。希望本文對你的日常工作有所幫助。
如果我錯過了一些好的方法，請別忘記提醒我，如果你有什么問題，也可以在留言區(qū)與我交流，我們一起探討。
感謝你的閱讀，編程愉快！