码迷,mamicode.com
首页 > Web开发 > 详细

js的from方法

时间:2019-11-04 20:02:24      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:参数   结果   class   this   handle   处理   语法   ane   函数   

from的语法如下

Array.from(object, mapFunction, thisValue)

object为要转为数组的对象,此对象的必须有length值,或为set()得到的对象,或字符串(必须参数)

如果object是一个数组,返回的仍是此数组

 let arrayLike = {
 0: ‘tom‘, 
 1: ‘65‘,
 2: ‘男‘,
 3: [‘jane‘,‘john‘,‘Mary‘],
 ‘length‘:2
}
let arr2 = Array.from(arrayLike)//["tom", "65"]
let arr = [12,45,97,9797,564,134,45642]
let set = new Set(arr)
console.log(Array.from(set)) // [ 12, 45, 97, 9797, 564, 134, 45642 ]

mapFunction,处理object的map函数(非必须参数)

a = [{a: "1", b: 9},{a: "2", b: 8},{a: "3", b: 7}];
b= Array.from(a,function (x) {
    return x.b;
});
//b[0] == 9;
//b[1] == 8;
//b[2] == 7;

thisValue,map函数中this指向的对象(非必须参数)

let diObj = {
  handle: function(n){
    return n + 2
  }
}
 
console.log(‘%s‘, Array.from(
  [1, 2, 3, 4, 5], 
  function (x){
    return this.handle(x)
  }, 
  diObj))

结果为3,4,5,6,7

 

js的from方法

标签:参数   结果   class   this   handle   处理   语法   ane   函数   

原文地址:https://www.cnblogs.com/ybhome/p/11793841.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!