1. 数组的构造器有哪几种？
//第一种：构造器方法new Array() /* 参数： a.new Array(arg1,arg2,...)参数长度为0或者长度大于等于2时，传入的参数将按照顺序依次成为新数组的第0至第N项。 b.new Array(len) len不是Number类型时，返回只包含len元素一项的数组。 c.new Array(len) len是Number时，返回数组长度为len的数组，最大不超过2的32次方（Math.pow(2,32)） */ let arr1 = new Array(1,2,3) console.log(arr1)//[1, 2, 3] let arr2 = new Array(6) console.log(arr2)//[empty × 6] let arr3 = new Array('6') console.log(arr3)//["6"]
//第二种：Array.of /* Array.of方法基本和构造器方法一致,唯一区别是在一个参数时，Array.of依然返回数组元素为该值的一个数组。 */ Array.of(8)//[8] Array.of(8.0)//[8] Array.of("8",8)// ["8", 8]
//第三种：Array.from（类似从一个可迭代对象中创建一个新的数组实例） /* Array.from(arg1,arg2,arg3) 第一个参数：类数组对象，可选 第二个参数：加工函数，新生成的数组会经过该函数的加工再返回。 第三个参数：this作用域，表示加工函数执行时的值。 */ const obj = {0:'a',1:'b',2:'c',length:3} let newArr = Array.from(obj,function(value,index){ return value.repeat(3) },obj) console.log(newArr)// ["aaa", "bbb", "ccc"] //其他使用 Array.from("abc") //["a", "b", "c"] Array.from(new Set(['abc','def']))// ["abc", "def"] Array.from(new Map([[1,'ab'],[2,'cd']]))//[[1, "ab"], [2, "cd"]]
2. 如何判断一个数组？方法有哪些？
const arr = [] //1.instanceof arr instanceof Array //2.constructor arr.constructor === Array //3.对象原型链Object.prototype.isPrototypeOf Array.prototype.isPrototypeOf(arr) //4.getPrototypeOf Object.getPrototypeOf(arr) === Array.prototype //5.Object.prototype.toString Object.prototype.toString(arr) === '[object Array]' //6.Array.isArray() Array.isArray(arr)
3. 哪些方法改变数组自身？
ES5方法：poppush shift unshiftreversesortsplice
ES6方法：copyWithinfill
/* 1.pop方法： 定义：末尾删除元素，返回删除后的元素 用法：arr.pop() */ const array = ["cat", "dog", "cow", "chicken", "mouse"]; let item = array.pop(); console.log(array); // ["cat", "dog", "cow", "chicken"] console.log(item); // mouse
/* 2.push方法： 定义：末尾添加元素，返回添加元素后数组的长度。 用法：arr.push(ele1,ele2,...) */ const array = ["football", "basketball", "badminton"]; let i = array.push("golfball"); console.log(array); //["football", "basketball", "badminton", "golfball"] console.log(i);//4
/* 3.shift方法： 定义：头部删除元素，返回被删除元素。如果数组为空返回undefined 用法：arr.shift() */ const array = [1,2,3,4,5]; let item = array.shift(); console.log(array); // [2,3,4,5] console.log(item); // 1
/* 4.unshift方法： 定义：头部添加元素，返回添加元素后，数组的长度。 用法：arr.unshift(element1, ..., elementN) */ const array = ["red", "green", "blue"]; let length = array.unshift("yellow"); console.log(array); // ["yellow", "red", "green", "blue"] console.log(length); // 4
/* 5.reverse方法： 定义：对数组元素进行翻转，返回翻转后的数组，该数组和原数组完全相等。 用法：arr.reverse() */ const array = [1,2,3,4,5]; let array2 = array.reverse(); console.log(array); // [5,4,3,2,1] console.log(array2===array); // true
/* 6.sort方法： 定义：对数组进行排序，返回排序后的数组，数组元素为数字，则正序排列；数组元素为字母，则按首字母ASCII码进行正序排列；数组元素为汉字，则按Unicode进行排序。 用法：arr.sort(function(a,b){}) a和b分别为用于比较的元素 */ const array = ["apple","Boy","Cat","dog"]; let array2 = array.sort(); console.log(array); // ["Boy", "Cat", "apple", "dog"] console.log(array2 == array); // true //其他妙用 const array1 = [6,10,2,5,4,8] let arr1 = array1.sort((a,b)=> a - b)//升序排列 console.log(arr1)//[2, 4, 5, 6, 8, 10] let arr2 = array2.sort((a,b)=> b - a)//降序排列 console.log(arr2)//[10, 8, 6, 5, 4, 2]
/* 7.splice方法： 定义：删除、替换现有元素或者添加新元素，并返回删除或修改后的数组。 用法：arr.splice(start,deleteCount,item1,....item n) 参数：start是要修改的开始位置；deleteCount要删除的元素的个数；item为新添加的元素。 */ const array = ["apple","orange","banana","watermelon"]; //删除元素 let splices = array.splice(1,1);//从下标为1的开始，删除1个元素 console.log(array); // ["apple", "banana", "watermelon"] console.log(splices); // ["orange"] //替换元素 let replace = array.splice(1,1,'peach') console.log(array)//["apple", "peach", "banana", "watermelon"] console.log(replace)//["orange"] //增加元素 let addItems = array.splice(1,0,'peach','pear') console.log(array)//["apple", "peach", "pear", "orange", "banana", "watermelon"] console.log(addItems)//[]
/* 8.copyWithin方法： 定义：从数组的指定位置拷贝元素到数组的另一个指定位置，返回辅助后的数组,不会改变原数组的长度。 用法：arr.copyWithin(target，start，end) 参数：target为复制元素存放的位置，如果是负数，target将从末尾开始计算。target大于数组长度则不会发生拷贝。 start开始复制元素的起始位置，如果是负数，start从末尾开始计算。 end开始复制元素的结束位置，不包含end这个位置的元素。 */ const array = [1,2,3,4,5]; let arr = array.copyWithin(0,3);//从下标为3的位置开始复制其后的元素至数组的起始位置，将4和5复制到数组的头部 console.log(arr); // true [4, 5, 3, 4, 5] let arr1 = array.copyWithin(1,3,4) console.log(arr1)//[1, 4, 3, 4, 5]
/* 9.fill方法： 定义：把一个固定值替换为数组的元素，返回替换后的数组。 用法：arr.fill(value,start,end) 参数：value用来填充数组元素的值 start起始索引 end结束索引，默认值数组长度，不包含end索引。 */ const array = [1,2,3,4,5]; let arr = array.fill(10,0,3);//将数组0，1，2位置的元素替换为10 console.log(arr);//true [10, 10, 10, 4, 5], 可见数组区间[0,3]的元素全部替换为10
4. 哪些方法不改变自身？
ES5：concatjoinslicetoStringtoLocateStringindexOflastIndexOf
ES7：includes
/* 1.concat方法： 定义：合并数组，返回合并后的新数组(哪个数组调用concat方法，那个数组的元素在合并后在数组头部)。 用法：let newArr = oldArr.concat(arr1,arr2,...) 参数：参数为被合并的数组。 */ const array = [1, 2, 3]; let array2 = array.concat(4,[5,6],[7,8,9]); console.log(array2); // [1, 2, 3, 4, 5, 6, 7, 8, 9] console.log(array); // [1, 2, 3], 可见原数组并未被修改
/* 2.join方法： 定义：把数组中的所有元素转换成一个字符串，默认以逗号拼接。 用法：arr.join(separator) 参数：separator为分隔符 */ const array = ['I', 'love', 'you']; console.log(array.join()); // ""I,love,you"" console.log(array.join(' ')); // "I love you"
/* 3.slice方法： 定义：从已有数组中返回选定的元素(从start到end区间的元素，不包含end)。 用法：arr.slice(start,end) 参数：start和end分别为起始和结束索引，start默认为0，不包含end位置的元素。 start超出数组索引范围，则返回空数组；start为负数，则从数组倒数第几个元素开始。 end超数数组索引范围，默认截取到末尾；end为负数，则从数组倒数第几个元素开始。 */ const array = ["one", "two", "three","four", "five"]; console.log(array.slice()); // ["one", "two", "three","four", "five"] console.log(array.slice(2,3)); // ["three"] console.log(array.slice(-2,-1))//["four"]
/* 4.toString方法： 定义：转换成字符，返回转换后的字符串，数组元素直接用逗号拼接。 用法：arr.toString() */ const array = ['Jan', 'Feb', 'Mar', 'Apr']; let str = array.toString(); console.log(str); // Jan,Feb,Mar,Apr
/* 5.toLocaleString方法： 定义：把数组的元素拼接成一个元素，数组中的元素各自使用toLocaleString方法转换成字符串，默认逗号隔开。 用法：arr.toLocaleString(locales,options) 参数：locales带有标记的字符串或字符串数组 options可配置对象（Object，Number，Date）。 */ const array = [1, 'a', new Date('21 Dec 1997 14:12:00 UTC')]; const localeString = array.toLocaleString('en', { timeZone: 'UTC' }); console.log(localeString);//1,a,12/21/1997, 2:12:00 PM
/* 6.indexOf方法： 定义：返回在数组中可以找到一个给定元素的【第一个索引】，如果不存在，返回-1。 用法：arr.indexOf(searchElement,fromIndex) 参数：searchElement要查找的元素 fromIndex开始查找的位置 */ const beasts = ['ant', 'bison', 'camel', 'duck', 'bison']; console.log(beasts.indexOf('bison'));// 1 console.log(beasts.indexOf('bison',2));//4
/* 7.lastIndexOf方法： 定义：返回指定元素在数组中的【最后一个索引】，如果不存在返回-1。 用法：arr.lastIndexOf(searchElement,fromIndex) 参数：searchElement要查找的元素 fromIndex开始查找的逆向位置,默认为数组长度减1。 */ const animals = ['Pig', 'Tiger', 'Dog', 'Pig']; console.log(animals.lastIndexOf('Pig'));// 3 console.log(animals.lastIndexOf('Pig',2))//0
/* 8.includes方法： 定义：用来判断一个数组是否包含一个指定的值，如果有返回true，否则返回false。(比较字符串时区分大小写) 用法：arr.includes(item,fromIndex) 参数：item需要查找的元素的值（字符串区分大小写） fromIndex开始查找索引位置 */ const numbers = [1,2,3,2] console.log(numbers.includes(2))//true console.log(numbers.includes(3,-1))//false
