[ECMAScript6]

#arr.push() 从后面添加元素，返回值为添加完后的数组的长度
let arr = [1,2,3,4,5]
console.log(arr.push(5))   // 6
console.log(arr) // [1,2,3,4,5,5]


#arr.concat() 连接两个数组 返回值为连接后的新数组
    let arr = [1, 2, 3, 4];
    let arr2 = [5, 6, 7];

    console.log(arr);
    let new_arr = arr.concat(arr2);
    console.log(new_arr);


#arr.sort() 将数组进行排序,返回值是排好的数组，默认是按照最左边的数字进行排序，不是按照数字大小排序的，见例子。
let arr = [2,10,6,1,4,22,3]
console.log(arr.sort())   // [1, 10, 2, 22, 3, 4, 6]
let arr1 = arr.sort((a, b) =>a - b)  
console.log(arr1)   // [1, 2, 3, 4, 6, 10, 22]
let arr2 = arr.sort((a, b) =>b-a)  
console.log(arr2)  // [22, 10, 6, 4, 3, 2, 1]




#str.split() 将字符串转化为数组
let str = '123456'
console.log(str.split('')) // ["1", "2", "3", "4", "5", "6"]
    


let arr=[1,2,3,3,50]
let show = arr.includes(50)    
console.log('show: ', show);   //输出true


let arr1 = arr.some( (i, v) => i == 3)
let arr2 = arr.some( (i, v) => i > 3)
console.log('arr1: ', arr1);  //arr.some() 依据判断条件，数组的元素是否有一个满足，若有一个满足则返回ture
console.log('arr2: ', arr2);  //返回ture



 

数组的遍历

#arr.forEach(callback) 遍历数组,无return
#　　callback的参数： value --当前索引的值
#　　　　　　　　　　index --索引
#　　　　　　　　　　array --原数组
let arr = [1,2,3,4,5]
arr.forEach( (value,index,array)=>{
        console.log(`value:${value}    index:${index}     array:${array}`)
    })   
    //  value:1    index:0     array:1,2,3,4,5
    //  value:2    index:1     array:1,2,3,4,5
    //  value:3    index:2     array:1,2,3,4,5
    //  value:4    index:3     array:1,2,3,4,5
    //  value:5    index:4     array:1,2,3,4,5

let arr = [1,2,3,4,5]
arr.forEach( (value,index,array)=>{
        value = value * 2
        console.log(`value:${value}    index:${index}     array:${array}`)
    })   
    console.log(arr)
    // value:2    index:0     array:1,2,3,4,5
    // value:4    index:1     array:1,2,3,4,5
    // value:6    index:2     array:1,2,3,4,5
    // value:8    index:3     array:1,2,3,4,5
    // value:10   index:4     array:1,2,3,4,5
    // [1, 2, 3, 4, 5]


#arr.filter  语法一
#arr.filter(callback) 过滤数组，返回一个满足要求的数组
let arr = [1,2,3,4,5]
let arr1 = arr.filter( (i, v) => i < 3)
console.log(arr1)    // [1, 2]

#arr.filter 语法二
    let arr = [1,2,3]
    let arr2 = arr.filter((index,value)=>{
      if(value < 2){
        return true
      }
    })
    console.log(arr2);

ES6系列--【ES6数组新增方法】

ES6数组常用方法总结_森小六的博客-CSDN博客_es6数组方法有哪些

es类与继承

ES的类与继承 - 简书

vue对象复制

    // 对象深拷贝 
      // 源对象小李
      const source = { name: '小李', age: 18, gender: '男', school: '清华大学' }
      // 拷贝小李
      const copy1 = { ...source }
      // 拷贝小李，并修改名字为小张
      const copy2 = { ...source, name: '小张' }
      // 修改源对象
      source.age = 19
      // 查看结果
      console.log(source)
      console.log(copy1)
      console.log(copy2)

数组扩展运算符

【JavaScript】扩展运算符_javascript 扩展运算符-CSDN博客

JavaScript对象和json字符串的互相转换

// javascript对象
        let obj = {
            name: "时秦川",
            age: 22,
            sex: "女"
        }
        // json字符串
        let jsonString = '{"name": "秦川", "age": 22, "sex": 1}'
        // 输出对象和json字符串
        console.log(obj);
        console.log(jsonString);
        // 将对象转换为json字符串格式
        let objString = JSON.stringify(obj)
        console.log(objString);
        // 将字符串转为javascript对象
        let jsonObject = JSON.parse(objString)
        console.log(jsonObject);