JavaScript 实用代码片段和技巧集锦

JavaScript 有用的代码片段和 trick 本资源提供了一些有用的 JavaScript 代码片段和 trick，涵盖了浮点数取整、生成 6 位数字验证码、16 进制颜色代码生成、驼峰命名转下划线、url 查询参数转 json 格式等多个方面。 浮点数取整 在 JavaScript 中，我们可以使用多种方法来将浮点数取整，例如： * 使用位运算符 `>>`：`x >> 0; // 123` * 使用按位 NOT 运算符 `~~`：`~~x; // 123` * 使用按位 OR 运算符 `|`：`x | 0; // 123` * 使用 `Math.floor()` 函数：`Math.floor(x); // 123` 需要注意的是，前三种方法只适用于 32 位整数，对于负数的处理上和 `Math.floor` 是不同的。例如： * `Math.floor(-12.53); // -13` * `-12.53 | 0; // -12` 生成 6 位数字验证码 生成 6 位数字验证码可以使用以下几种方法： * 方法一：`('000000' + Math.floor(Math.random() * 999999)).slice(-6);` * 方法二：`Math.random().toString().slice(-6);` * 方法三：`Math.random().toFixed(6).slice(-6);` * 方法四：`'' + Math.floor(Math.random() * 999999);` 16 进制颜色代码生成 可以使用以下代码来生成 16 进制颜色代码： `(function(){ return '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6); })();` 驼峰命名转下划线 可以使用以下代码来将驼峰命名转换为下划线命名： `'componentMapModelRegistry'.match(/^[a-z][a-z0-9]+|[A-Z][a-z0-9]*/g).join('_').toLowerCase(); // component_map_model_registry` url 查询参数转 json 格式 可以使用以下代码来将 url 查询参数转换为 json 格式： // ES6 实现 const query = (search = '') => ((querystring = '') => (q => (querystring.split('&').forEach(item => (kv => kv[0] && (q[kv[0]] = kv[1]))(item.split('='))), q))({}))(search.split('?')[1]); // 对应 ES5 实现 var query = function(search){ if(search === void 0){ search = ''; } return (function(querystring){ if(querystring === void 0){ querystring = ''; } return (function(q){ return (querystring.split('&').forEach(function(item){ var kv = item.split('='); kv[0] && (q[kv[0]] = kv[1]); }), q); })({}); })(search.split('?')[1]); 这些代码片段和 trick 可以帮助开发者快速解决一些常见的问题，提高开发效率和代码质量。