数组的pop push unshift shift，slice和splice的区别,map方法以及parseInt函数

数组的pop push unshift shift

pop:删除末尾元素，返回删除的元素
shift:删除首个元素，返回删除的元素
push:末尾添加元素，返回数组长度
unshift:首位添加元素，返回数组长度

纯函数：不改变源数组（没有副作用），返回一个数组。以下是一些纯函数:
some every

const arr = [10,20,30,40];

const arr1 = arr.concat([50,60,70]);//合并数组
const arr2 = arr.map(num => num*10);//对数组中的每个数执行一个新函数，然后返回新数组
const arr3 = arr.filter(num => num >25);//对数组中的每个数执行新函数，返回值为true的数组成新数组
const arr4 = arr.slice(2,4);//切割数组，返回切下来的部分

一些非纯函数：
pop push unshift shift forEach（如果数组的值全是基本数据类型的话就是纯函数，如果数组中还有引用类型的话，那就不是纯函数）
reverse
reduce

数组slice和splice的区别

 

const arr = [10,20,30,40,50];

const arr1 = arr.slice();//不传参类似于深拷贝
const arr2 = arr.slice(1,4);
const arr3 = arr.slice(2);//截取数组下标为2的一直到最后一个
const arr4 = arr.slice(-2); //截取最后两个

//splice 非纯函数
const spliceRes = arr.splice(1,2,'a','b','c');
const spliceRes2 = arr.splice(1,2)
console.log(spliceRes,arr);//[20,30] [10,'a','b','c',40,50]
console.log(spliceRes2);//返回剪掉的部分

[10,20,30].map(parseInt)的返回值

 

const res = [10,20,30].map(parseInt);
console.log(res);//[10,NaN,NaN]

// 等价于
[10,20,30].map((n, index) =>{
    return parseInt(n, index)
})

parseInt的第二个参数如果是0，则以10为基数来解析，如果以0x开头则以16为基数，如果小于2或者大于36，返回NaN.

 

数组的map方法以及parseInt函数

原题： ['1', '2', '3'].map(parseInt)；
 
第一次分解：
 
['1', '2', '3'].map((item, index) => {
    return parseInt(item, index)
})
 
第二次分解
parseInt('1', 0) // 1
parseInt('2', 1) // NaN
parseInt('3', 2) // NaN, 3 不是二进制
 
结果
['1', '2', '3'].map(parseInt) // 1, NaN, NaN

• array.map(function(currentValue,index,arr))
  • currentValue: 必须，循环到的数组的当前值
  • index： 可选，循环到的数组的当前值的索引
  • arr: 可选，当前元素所属的数组对象，即调用这个方法的array
• 　parseInt("要转换的字符串", 进制基数radix)　
  • 进制基数：可以是 2，8，10，16，默认以 10 进制处理
  • 在radix为 undefined，或者radix为 0 或者没有指定的情况下，JavaScript 作如下处理：
    • 如果字符串 string 以"0x"或者"0X"开头, 则基数是16 (16进制).
    • 如果字符串 string 以"0"开头, 基数是8（八进制）或者10（十进制），那么具体是哪个基数由实现环境决定。ECMAScript 5 规定使用10，但是并不是所有的浏览器都遵循这个规定。因此，永远都要明确给出radix参数的值。
    • 如果字符串 string 以其它任何值开头，则基数是10 (十进制)。

原题：['10','10','10','10','10'].map(parseInt);
 
第一次分解：
 
['10','10','10','10','10'].map((item, index) => {
    return parseInt(item, index)
})
 
第二次分解
parseInt('10', 0) // 10
parseInt('10', 1) // NaN
parseInt('10', 2) // 2
parseInt('10', 3) // 3
parseInt('10', 4) //4

结果
['10','10','10','10','10'].map(parseInt);// 10 NaN 2 3 4