增删改查

一、给数组的尾部添加值

• push —>给数组的尾部添加值

• splice(startNumber,number)从第几位开始删除几个

  <script>
       var arr = [1,2,3,4];
       /* 
       */
       arr.push(5);
       arr.splice(2,1)
       console.log(arr)
   </script>

  1-1 增加

• push() // 从数组的最后面增加一个值,可以一次性添加多个

• concat() //拼接两个数组,但是不能改变原数组的结构
• unshift() //从数组的前面增加
• splice(index,0,parmas) // 从index的前面增加

  1-2 遍历

  var arr= ['html','css','vue','react'];
    - for in
    arr.forEach((item,index)=>{
       console.log(item)
    })
    - of
    - map
    Array.from(arrObj,item=>{
        console.log(item)
    })
    - arr.every(item=>{
        return item>1
    })
    //只要数组的每一个值大于1,就返回boolean值
    - arr.some((item)=>{
        return item>1 //只要有一个值大于1,就返回true
    })
    - find  //返回第一个满足条件的值

map方法

1-3 删除

• pop() //从后面删除
• shift() //从前面删除
• splice(index,howmany) index从哪个下标开始,howmany删除多少个

<script>
        var arr =[1,2,3,4]
        arr.pop();
        arr.shift()
        var app = [1,2,3,4,5,6]
        console.log(arr) 
        app.splice(2,3);
        console.log(app)   
    </script>

1-4 查询

indexOf() 查询下标
slice()
includes() —>判断数组是否包含某个值
find()
findIndex()
filter()

 <script>
        /* find方法可以判断数组里面是否包含某个值
        如果有  返回这个值
        没有    返回undefind */
        var arr = [2,3,4];
        var value = arr.find(item=>item==5);
        console.log(value)
    </script>

var arr = [{id:001,content:"vue"},{id:002,content:"react"},{id:003,content:"small"}];
        /* findIndex去查询某一项的下标 */
        var index =arr.findIndex(item=>item.id==001)
        console.log(index)
        /* 下标为0  */

 <script>
        var arr = [
            {id:01,content:"react",checked:false},
            {id:02,content:"vue",checked:true},
            {id:03,content:"small",checked:false}
            ]
            /* filter
            checked false [] 
            查询满足某个条件的数组并形成新的数组*/
        var newarr = arr.filter(item=>item.checked==false)
        console.log(newarr)
    </script>

 <script>
        var arr = ['html','css','javascript'] 
        var app = [1,2,3,4,5,6,7]
        console.log(arr.indexOf('css'))
        console.log(arr.slice(0,3))  
        console.log(arr.includes("javascript")) 
    </script>

1-5修改

splice(index,howmany,params)
concat,slice(),indexOf,join() 不能改变数组的结构

<script>
        /* splice(index,howmany,params) */
        var arr = ['html','css','javascript']
        arr.splice(1,2,"vue","晓星尘")
        console.log(arr)
    </script>

 <script>
        /* concat,slice(),indexOf,join() 不能改变数组的结构 */
        var arr =[1,2,3]
        var str = arr.join("");
        console.log(str)
        console.log(arr.join())
        console.log(arr.join("/"))
    </script>

1-6关联数组

<script>
        var arr = [1,2,3];
        var items = [];
        items["a"] = 'html';
        items["c"] = 'css';
        console.log(items)
        var obj = {name:"cheng",age:18}
        /* for in 对数组中的对象进行遍历 */
        for(let key in obj){
            console.log(key)
        }
    </script>

1-7替换字符

 var str = "hello world";
        console.log(str.replace("h","g"))