JavaScript数组对象下的API，splice()的用法(JS笔记:十七)

JavaScript数组对象下的API，splice()的用法(JS笔记:十七)

---

数组对象下的API：

• 所有API之前都需要arr.调用此API。除了2个增加2个删除1个倒叙和splice，其他的都不改变自身，返回一个值。

toString()：将数组返回为字符串
join()：将数组返回为字符串，参数可替换,逗号。如果不加参数则和toSting一样
push()：在数组尾部增加一个元素，返回数组长度
unshift()：在数组头部增加一个元素，返回数组长度
pop()：在数组尾部删除一个元素，返回数组长度
shift()：在数组头部删除一个元素，返回数组长度
concat()：合并数组，参数为要合并的数组
splice()：删除、替换、插入元素。参一：开始索引值，参二：要操作元素的个数，参三：替换/增加的元素(可不加)。返回改动的元素
slice()：返回数组一部分
reverse()：颠倒数组
sort()：将数组排序 a-b升序 b-a降序
indexOf()：查询数组中是否存在某个元素，有返回第一次出现的索引值，没有返回-1
reduce()：累运算元素，返回累运算后的结果
forEach()：遍历数组，没有返回值
filter()：过滤元素，返回满足条件的数组
find()：查找数组中是否有满足条件的元素，有返回查询到的结果，没有返回undefined
findIndex()：查找数组中是否有满足条件的元素，有的话返回满足条件的索引值，没有返回-1
map()：重组数组，返回经过操作后的元素
some()：检查数组中是否存在满足条件的元素，满足返回true，不满足返回false
Array.isArray()：判定参数是否为数组，是返回true，不是返回false
Array.from()：将类数组转为真数组，类数组不能调用数组下的API
 

splice()的用法：

splice(startIndex,length,item)

• 参数一：开始的索引值
• 参数二：要操作元素的个数
• 参数三：替换的元素(可不加)。
• 注意：splice()改变的是数组本身，返回的是改动的元素

删除startIndex后指定个数的元素

• splice(startIndex,length)删除从startIndex起后面的length个元素

 var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,2) // 删除startIndex起后面的两个元素
console.log(arr); // [2, 3, 4, 5, 6, 7, 8, 9, 10]

删除startIndex后的所有元素

• splice(startIndex)删除从startIndex起后面的所有元素包括startIndex本身

var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(2) // 删除从startIndex起后面的所有元素包括startIndex本身
console.log(arr); // [0, 1]

在指定位置插入元素

• splice(startIndex,0,item)在startIndex前插入item

var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(1,0,99) // 在startIndex前插入元素
console.log(arr); // [0, 99, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

替换指定的元素

• splice(startIndex,1,item)将startIndex替换为item
• splice(startIndex,length,item)如果length大于1，则删除startIndex后的length个元素，然后插入一个新元素

var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,1,99) // 将startIndex替换为item
console.log(arr); // [99, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
var arr = [0,1,2,3,4,5,6,7,8,9,10];
arr.splice(0,2,99) // 如果length大于1，则删除startIndex后的length个元素，然后插入一个新元素
console.log(arr); // [99, 2, 3, 4, 5, 6, 7, 8, 9, 10]

 
 
(JS笔记:十七    date:2020-12-02)