1.push()
①说明
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。 如果出现push()方法,那后边就必须跟一个参数,最少是一个,其他的可选 push() 方法可把它的参数顺序添加到 arrayObject 的尾部,直接修改原来数组的长度,而不是创建一个新的数组 ②语法
arrayObject.push(newelement1,newelement2,…,newelementX) ③用法
var arr = new Array(3) arr[0] = “George” arr[1] = “John” arr[2] = “Thomas” document.write(arr + “”) document.write(arr.push(“James”) + “”) document.write(arr.push(“helloword”)+"") document.write(arr) ④执行效果
⑤项目实战
2.unshift()
①说明
unshift() 方法可向数组的开头添加一个或多个元素,并返回新的长度。 如果出现push方法,那后边就必须跟一个参数,最少是一个,其他的可选. unshift() 方法可把它的参数顺序添加到 arrayObject 的头部,直接修改原来数组的长度,而不是创建一个新的数组 ②语法
arrayObject.unshift(newelement1,newelement2,…,newelementX) ③用法
var arr = new Array(3) arr[0] = “George” arr[1] = “John” arr[2] = “Thomas”
document.write(arr + "<br />") document.write(arr.unshift("James") + "<br />") document.write(arr.unshift("helloword")+"<br/>") document.write(arr)④执行效果
可以看出,插入的元素已经到了数组的第一个位置
3.splice()
①说明
从数组的某个位置开始插入,插入之后可以删除某个元素,也可以不删除,根据数组的下标操作。 index开始插入和或删除的数组元素的下标,必须是数字,或是下标变量。 从这个数组的下标为2的位置开始插入两个元素,插入之后删除一个元素,删除的元素的下标是刚插入的这个元素的下标的下一个位置,返回的数组是操作后的新数组 ②语法
array.splice(index,howmany,item1,…,itemX) 第一种,删除并插入
点击按钮向数组添加元素。
点击删除元素并插入 第二种,只删除点击按钮删除数组中的元素
点击只删除元素 ③项目实战 // 接收子组件传递过来的内容 getMoreInfo(obj) { console.log("子组件" + obj); // 这里做过滤,判断之前传过来的值是否存在,如果存在,就删除,重新push //如果不存在就直接push到数组中。 for (let i = 0; i < this.selectedObj.length; i++) { this.smallQuestionScore = this.selectedObj[i].questionValue; if (this.selectedObj[i].questionType == obj.questionType) { this.selectedObj.splice(i, 1); } } //将子组件传过来的对象推入selectobj数组 this.selectedObj.push(obj); },4.slice()
①说明
将原来数组中的某个或某几个特定的值截取出来 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。 正数形式
start 可选。规定从何处开始选取。2.end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。
负数形式: 1.如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
2.如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
点击按钮截取数组下标 1 到 2 的元素。
点我 执行效果5.shift()
①说明
shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。 会改变原来的数组,返回的是一个新的数组 和它对应的方法是从数组中移除最后一个元素,用pop方法 注意:和对应的还有一个pop()方法,正好和shift的相反,pop用于把数组的最后一个元素从其中删除
单击按钮删除数组的第一个元素。
点我 执行效果6.join()方法
①说明
用户把一个数组中的元素用不用的分隔符进行分割,把数组中的元素转换成字符串格式。 ②代码
单击按钮删除数组的第一个元素。
点我 执行效果,这里分割可以用多种方法③项目实战
总结:这些方法在这次的项目中基本都用到了,因此记录下来。