js的map文件怎麼打開,js中的map使用方法

本文目錄一覽：

• 1、MAPJS格式能用cad打開嗎
• 2、js數組的map方法
• 3、jquery-1.10.2.min.map是什麼，怎麼用
• 4、js 壓縮後的代碼如何調試？
• 5、求教 前台JS 如何讀取JSON中的MAP 集合

MAPJS格式能用cad打開嗎

不能。

你要首先進主界面，選擇圖形處理這個選項，然後進行文件轉換，加載點線面文件，在給他轉換為DXF，然後再用CAD打開就可以了。

js數組的map方法

js數組的map方法

這裡的map不是“地圖”的意思，而是指“映射”。

[].map(); 基本用法跟forEach方法類似：

array.map(callback,[ thisObject]);

callback的參數也類似：

[].map(function(value, index, array) {

// …

});

map方法的作用不難理解，“映射”嘛，也就是原數組被“映射”成對應新數組。下面這個例子是數值項求平方：

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function (item) {

return item * item;

});

alert(arrayOfSquares); // [1, 4, 9, 16]

callback需要有return值，如果沒有，就像下面這樣：

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function() {});

arrayOfSquares.forEach(console.log);

結果可以看到，數組所有項都被映射成了undefined：

在實際使用的時候，我們可以利用map方法方便獲得對象數組中的特定屬性值們。例如下面這個例子（之後的兼容demo也是該例子）：

var users = [

{name: “張含韻”, “email”: “zhang@email.com”},

{name: “江一燕”,   “email”: “jiang@email.com”},

{name: “李小璐”,  “email”: “li@email.com”}

];

var emails = users.map(function (user) { return user.email; });

console.log(emails.join(“, “)); // zhang@email.com, jiang@email.com, li@email.com

Array.prototype擴展可以讓IE6-IE8瀏覽器也支持map方法：

if (typeof Array.prototype.map != “function”) {

Array.prototype.map = function (fn, context) {

var arr = [];

if (typeof fn === “function”) {

for (var k = 0, length = this.length; k length; k++) {

arr.push(fn.call(context, this[k], k, this));

}

}

return arr;

};

jquery-1.10.2.min.map是什麼，怎麼用

source map文件是js文件壓縮後，文件的變量名替換對應、變量所在位置等元信息數據文件，一般這種文件和min.js主文件放在同一個目錄下。 比如壓縮後原變量是map，壓縮後通過變量替換規則可能會被替換成a，這時source map文件會記錄下這個mapping的信息，這樣的好處就是說，在調試的時候，如果有一些JS報錯，那麼瀏覽器會通過解析這個map文件來重新merge壓縮後的js,使開發者可以用未壓縮前的代碼來調試，這樣會給我們帶來很大的方便！ 而這種還原性調試功能，目前只有chorme才具有，所以就會出現標題說的問題，我引入jquery-1.10.2.min.js的時候，在firefox下或者其他瀏覽器下是好的，在chorme下會報錯找不到jquery-1.10.2.min.map文件，404，就是因為以上說的情況，jquery會檢測瀏覽器是否支持source map功能，如果支持的話，那就去下載source map文件，而這個時候如果你引用的是官網的min.js那沒問題，它會去自己的目錄下找source map文件，而如果jquery.min.js文件在你的服務器上而服務器上又沒有source map的話，那就會報錯了，所以三種解決辦法：一，引用官網文件 二，把source map文件下載下來放到服務器上(推薦) 三，把chorme文件的工具–開發者工具–設置–Enable source maps勾去掉，去掉這個勾，jquery就不會去下載source map文件了！

js 壓縮後的代碼如何調試？

我想你問的是不是類似UglifyJS之類的混淆過的JS代碼？這種壓縮通常會把變量、函數名之類的改成非常短的名稱，因此這種壓縮過的代碼就難以識別了。

對於這種代碼，推薦的思路是先看瀏覽器中是否有報錯，然後根據錯誤來判斷自己原始代碼里可能出錯的位置；如果沒有報錯，那也是斷定大概的位置，然後Chrome里打開開發者工具里的Sources，打開自己的代碼，用這個地方可以對代碼進行重新排版：

當然，如果是uglify過的代碼還是很難看，只能根據自己實際代碼里的一些常量內容作為關鍵詞在瀏覽器的代碼裡面搜自己可能的位置，然後加斷點推測去調試。

上面的辦法，都是在你對壓縮JS這個過程沒有控制的情況下，如果是你自己壓縮JS代碼，可以在壓縮的時候同時生成sourcemap文件，一般是xxx.js.map文件。如果連同這個文件一起部署，那麼在開發者工具中打開的時候，也可以看到最原始的代碼了。這是最推薦的辦法，調試起來也是最輕鬆的。

求教 前台JS 如何讀取JSON中的MAP 集合

如果是json字符串可以使用 var jsonObj=JSON.parse(json字符串);解析出來。再遍歷

如:

var jsonStr='{“classId”:1,”className”:”前端學習速成班”,”students”:[{“studentId”:1,”studentName”:”劉德華”},{“studentId”:2,”studentName”:”張學友”}]}’

var obj=JSON.parse(jsonStr);

alert(“我的班級:”+obj.className+”,我是,”+obj.students[0].studentName);