js中Array数组基本方法
总结:push() 添加元素到数组未尾, 返回数组长度
unshift() 添加元素到数组头部, 返回数组长度
pop() 删除数组未尾元素, 返回删除元素
shift() 删除数组头部元素, 返回删除元素
splice() 添加或删除元素 有三个参数(从那里开始,删除或添加几个,添加元素)
indexOf() 没有找到元素返回-1
isArray() 判断是不是数组类型
forEach() 数组循环 有三个回调(item,index,array) 第一是当前元素,第二是当前索引 第三是当前这条数组
concat() 合并多个或两个数组 如果多个数组,中间用逗号隔开
还有其它暂未总结......
1 <template> 2 <!-- 需求:Array基本方法 --> 3 <div class="demo"> 4 5 </div> 6 </template> 7 <script> 8 export default { 9 name: 'demo', 10 data() { 11 return {} 12 }, 13 created() { 14 // Array数组 15 // 1, 创建数组 16 let ArrayList = ['one', 'two', 'three']; 17 // 2, 判断数组长度 18 let ArrayLength = ArrayList.length; 19 // 3, 通过索引访问数组元素 20 let ArrayFirst = ArrayList[0]; 21 let ArrayLast = ArrayList[ArrayList.length - 1] 22 // 4, 遍历数组 forEach 23 ArrayList.forEach(function (item, index, array) { 24 // console.log(item,index,array) 打印后 one 0 (3) ["one", "two", "three"] 25 }); 26 // 5, 添加元素到数组的未尾 27 let ArrayPush = ArrayList.push('four'); 28 // console.log(ArrayList) ["one", "two", "three", "four"] push完成后打印原数组,就是push后所有的值 29 // console.log(ArrayPush) 4 定义一个变量push后,打印push定义的变量为数组长度 30 // 6, 删除数组未尾的元素 31 let ArrayPop = ArrayList.pop() 32 // console.log(ArrayList) ["one", "two", "three"] pop完成后打印原数组,就是pop后所有的值 33 // console.log(ArrayPop) four 定义一个变量pop后,打印pop定义的变量为删除的元素 34 // 7, 删除数组最前面(头部)的元素 35 let ArrayShift = ArrayList.shift(); 36 // console.log(ArrayList) ["two", "three"] shift完成后打印原数组,就是shift后所有的值 37 // console.log(ArrayShift) one 定义一个变量shift后,打印shift定义的变量为删除的元素 38 // 8, 添加元素到数组头部 39 let ArrayUnshift = ArrayList.unshift('five'); 40 // console.log(ArrayList) ["five", "two", "three"] unshift 完成后打印原数组,就是unshift后所有的值 41 // console.log(ArrayUnshift) 3 定义一个变量unshift后,打印unshift定义的变量为数组长度 42 // 9, 找出某个元素在数组中的索引 indexOf 如果找不到指定元素,就返回-1 43 let ArrayIndexOf = ArrayList.indexOf('five'); 44 if (ArrayList[1].indexOf('five') !== -1) { 45 // alert('代表找到') 不等于-1,代表找到元素 46 } else { 47 // alert('代表没有找到') 48 } 49 // console.log(ArrayIndexOf) 0 定义一个变量indexOf后,打印indexOf定义的变量为该元素的索引 50 // 10, 通过索引删除某个元素 splice(从什么地方开始(index),删除几个(从什么地方开始那个值算起)) 51 let ArraySplice = ArrayList.splice(1, 1); 52 // console.log(ArrayList) ["five", "three"] splice 完成后打印原数组,就是splice后所有的值 53 // console.log(ArraySplice) ['two']; 定义一个变量splice后,打印splice定义的变量为删除的元素 54 // 11, 复制一个数组 slice 55 let ArraySlice = ArrayList.slice() 56 // console.log(ArraySlice) ["five", "three"] slice 完成后,就复制原数组 57 // 12, Array.isArray() 判断是不是数组 返回是布尔类型 true false console.log(Array.isArray(ArrayList)) 58 // 13, 数组方法 concat() 用于合并两个或多个数组(合并多个中间用逗号隔开),返回一个新数组。 59 var array1 = ['1', '2', '3']; 60 var array2 = ['a', 'b', 'c']; 61 // console.log(array1.concat(array2)) ["1", "2", "3", "a", "b", "c"] 62 var words = ['one', 'two', 'three', 'four']; 63 words.forEach(function (item) { 64 // console.log(item) 每一项 65 if (item === 'two') { 66 words.shift(); 67 } 68 }) 69 // console.log(words) ["two", "three", "four"] 70 }, 71 72 methods: { 73 74 }, 75 }; 76 77 </script> 78 <style scoped> 79 80 </style>