1MAP

1.1定義

map() 方法返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值。

map() 方法按照原始數組元素順序依次處理元素。

注意：?map() 不會對空數組進行檢測。

注意：?map() 不會改變原始數組。

1.2例子

var numbers = [4, 9, 16, 25];function myFunction() {x = document.getElementById("demo")x.innerHTML = numbers.map(Math.sqrt); }2,3,4,5

2.encodeURIComponent

encodeURIComponent()

encodeURIComponent() 函數可把字符串作為 URI 組件進行編碼。

3.JOIN

join() 方法用于把數組中的所有元素放入一個字符串。

元素是通過指定的分隔符進行分隔的。

arrayObject.join(separator) document.write(arr.join()) George,John,Thomasdocument.write(arr.join(".")) George.John.Thomas

4.Object.keys

Object.keys()?方法會返回一個由一個給定對象的自身可枚舉屬性組成的數組，數組中屬性名的排列順序和使用?for...in?循環遍歷該對象時返回的順序一致 。

// simple array var arr = ['a', 'b', 'c']; console.log(Object.keys(arr)); // console: ['0', '1', '2']// array like object var obj = { 0: 'a', 1: 'b', 2: 'c' }; console.log(Object.keys(obj)); // console: ['0', '1', '2']// array like object with random key ordering var anObj = { 100: 'a', 2: 'b', 7: 'c' }; console.log(Object.keys(anObj)); // console: ['2', '7', '100']// getFoo is a property which isn't enumerable var myObj = Object.create({}, {getFoo: {value: function () { return this.foo; }} }); myObj.foo = 1; console.log(Object.keys(myObj)); // console: ['foo']

5.?Object.getOwnPropertyNames()

參數：一個對象，其自身的可枚舉和不可枚舉屬性的名稱被返回。

返回值：在給定對象上找到的自身屬性對應的字符串數組。

var arr = ["a", "b", "c"]; console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]// 類數組對象 var obj = { 0: "a", 1: "b", 2: "c"}; console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]// 使用Array.forEach輸出屬性名和屬性值 Object.getOwnPropertyNames(obj).forEach(function(val, idx, array) {console.log(val + " -> " + obj[val]); }); // 輸出 // 0 -> a // 1 -> b // 2 -> c

?

?

?

?

總結

以上是生活随笔為你收集整理的JS的小知识点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。