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>