JavaScript的平常所得

時間 2019-11-12

標籤 javascript 平常所得欄目 JavaScript 简体版

原文原文鏈接

一、去除字符串左右兩邊的空格（利用正則實現trim）

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>去除字符串左右兩邊的空格</title>
</head>
<body>
<input type="text" id="content" placeholder="去除字符串左右兩邊的空格">
<input type="button" value="去除空格" id="trim">
<script>
function getId(obj) {
return document.getElementById(obj);
}
let myTrim = getId('trim'),
content = getId('content');
myTrim.onclick = _ => content.value = content.value.replace(/^(s|u00A0)+|(s|u00A0)+1/g,"");
</script>
</body>
</html>

二、區分對象的屬性名是對象成員仍是原型鏈繼承的

var obj = {a:1, b:2}
Object.prototype.add = function(a, b) {
return a+b
}
for(let i in obj) {
if (obj.hasOwnProperty(i)) {
console.log('obj的成員：'+i)
} else {
console.log('從原型鏈上繼承的：' + i)
}
}

在異步請求中，咱們不少數據都是 json 格式的，就存在 a.b.c.d 獲取 d 的值，若是直接使用 a.b.c.d 能夠會出現 a 或者 b 或者 c 對象未獲取而報錯，爲了不問題的存在可使用 if 判斷，可是多個 if 的判斷會讓簡單的程序變得難以理解，下面我利用 &&（js中串行執行，如 x && y, 只有成功執行了 x 纔會執行後面的 y, 當 x 未定義時還能第一時間給出報錯，將錯誤第一時間去除）來簡化這個問題

var a = {b: {c: {d: 1}}}
if (a) {
if (a.b) {
if (a.b.c) {
if (a.b.c.d) {
console.log(a.b.c.d)
}
}
}
}
// 下面利用 && 優化一下上面的判斷
a && a.b && a.b.c && a.b.c.d && console.log(a.b.c.d)
能夠將a, b, c, d 任何一個更改一下，就能夠看到效果

js 中將不須要的對象（Array，Object等對象類型）釋放

對象 = null

js 中將不須要的基本類型（Number，String，Boolean，Symbol等）釋放

基本類型 = undefined

三、node 跨域處理方法

來源張培躍的 Node.js如何設置容許跨域下面是我遇到的兩種狀況html

server.all('*', function (req, res, next) {
  // IE 瀏覽器下訪問（req.headers.origin）可能出現 undefined , 將設置爲容許任意域名跨域
  req.headers.origin = (typeof (req.headers.origin) === 'undefined') ? '*' : req.headers.origin
  res.header('Access-Control-Allow-Origin', req.headers.origin)
  res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS')
  if (req.method.toLowerCase() == 'options')
    res.send(200); //讓options嘗試請求快速結束
  else
    next();
})
server.all('*', function (req, res, next) {
  // 頁面在 http://localhost:xxx 此時這個 xxx 並不是 port 的值（域名相同但端口不一樣）時，能夠訪問 => req.headers.origin.toLowerCase() === 'http://localhost'
  // 當頁面在本地打開即路徑多是 (file:///E:/express/mongodb/1.html) => req.headers.origin.toLowerCase() === 'null'
  if (req.headers.origin.toLowerCase() === 'http://localhost' || req.headers.origin.toLowerCase() === 'null') {
    res.header('Access-Control-Allow-Origin', req.headers.origin)
    // 配置驗證的頭部
    res.header('Access-Control-Allow-Headers', 'Content-Type, Content-Length, Authorization, Accept, X-Requested-With , yourHeaderFeild');
    res.header('Access-Control-Allow-Methods', 'PUT, POST, GET, DELETE, OPTIONS')
  }
  if (req.method.toLowerCase() == 'options')
    res.send(200); //讓options嘗試請求快速結束
  else
    next();
})

四、獲取url中"?"符後的字串並轉換爲對象

function GetRequest() {
var url = location.search; //獲取url中"?"符後的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}

五、計算出字符串中不重複的數量

function notRepeatLen(strs) {
let obj = {};
let len = 0;
for (let i=0;i<strs.length;i++){
if (!obj[strs[i]]) {
obj[strs[i]] = strs[i];
len++;
}
}
return len;
}
let strs= 'aaaaavcaaaaaaaabbbbbcccdbcaadvcxx';
console.log(notRepeatLen(strs));

相關文章

相關標籤/搜索

所見即所得

PHP 7 新特性

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<