Skip to content

js笔记(一):冷门方法

图片

数组转换成对象

js
let arr = [1,2,3,4,5,6,7,8,9];

const convert_obj = {...arr}; 

// {"0": 1, "1": 2, "2": 3, "3": 4, "4": 5, "5": 6, "6": 7, "7": 8, "8": 9,"9": 10}
let arr = [1,2,3,4,5,6,7,8,9];

const convert_obj = {...arr}; 

// {"0": 1, "1": 2, "2": 3, "3": 4, "4": 5, "5": 6, "6": 7, "7": 8, "8": 9,"9": 10}

对象转换成数组

js
let obj = {
      one : 'a',
      two : 'b',
      three : 'c'
  };
        
// Object.keys
const keys = Object.keys(obj) //['one', 'two', 'three']

// Object.values          
const values = Object.values(obj) // ['a', 'b', 'c']

// 3. Object.entries
const entries = Object.entries(obj) // [ ["one", "a"], ["two", "b"], ["three","c"] ]
let obj = {
      one : 'a',
      two : 'b',
      three : 'c'
  };
        
// Object.keys
const keys = Object.keys(obj) //['one', 'two', 'three']

// Object.values          
const values = Object.values(obj) // ['a', 'b', 'c']

// 3. Object.entries
const entries = Object.entries(obj) // [ ["one", "a"], ["two", "b"], ["three","c"] ]

Element.getBoundingClientRect() 该方法返回一个 对象,该DOMRect对象提供有关元素大小及其相对于视口的位置的信息。

返回值是一个DOMRect对象,它是包含整个元素的最小矩形,包括它的填充和边框宽度。, left, top, right, bottom, x,y和属性描述了整个矩形的位置和大小(以像素为单位)width。和height以外的属性 相对于视口的左上角。width,height

图片

Object.assign()

使用 Object.assign() 将一个对象复制到另一个对象,如下所示:

js
let obj = {};
Object.assign(
    // source
    obj,
    // Copy target object
    { a: 2 }
);
console.log(obj);{ a: 2 }
let obj = {};
Object.assign(
    // source
    obj,
    // Copy target object
    { a: 2 }
);
console.log(obj);{ a: 2 }

Reduce()

它允许我们以非常简单和强大的方式在集合之上进行分组和计算。例如,如果我们想将动物对象数组中所有动物的重量相加,我们会怎么做?

js
let total = animals.reduce((total, animal) => {
    return total += animal.weight;
}, 0)
let total = animals.reduce((total, animal) => {
    return total += animal.weight;
}, 0)

本文到此结束。

反馈信息

INFO

邮箱: open_teams@163.com