数组、字符串、对象的方法

已于 2024-04-04 09:42:18 修改
阅读量282 收藏
点赞数 3
文章标签： javascript 前端 开发语言
于 2024-02-26 22:24:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50829019/article/details/136310200
版权

目录

一、数组的方法

1、sort()

2、Array.isArray()

3、toString()

 4、valueOf()

5、push()、pop()、shift()、unshift()

6、reverse()

 7、join()

8、includes()

 9、indexOf()、lastIndexOf()

10、slice()

 11、splice()

 12、concat()

13、find()、findIndex()

 14、some()

15、every()

16、 forEach()

17、map()

18、 filter()

19、reduce()

二、字符串的方法

1、replace()

2、search()

3、match()

4、trim()

5、toString()

6、split()

7、concat()

8、charAt()

9、slice()

10、substring()

11、lastIndexOf()

13、indexOf()

三、对象的方法 

1、Object.keys()、Object.values()

2、Object.is()

3、Object.assign()

4、hasOwnProperty()

一、数组的方法

1、sort()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.sort())                  ['aname', 'bvalue', 'ckey']
console.log(arr)                         ['aname', 'bvalue', 'ckey']

let arr = [13, 1, 2]
console.log(arr.sort((a,b) => (b-a)))    [13, 2, 1]
console.log(arr)                         [13, 2, 1]

let arr = [13, 1, 2]
console.log(arr.sort((a,b) => (a-b)))    [1, 2, 13]
console.log(arr)                         [1, 2, 13]

let arr = [13, 1, 2]
console.log(arr.sort())                  [1, 13, 2]
console.log(arr)                         [1, 13, 2]

2、Array.isArray()

let arr = ["ckey", "aname", "bvalue"]
console.log(Array.isArray(arr))      true

3、toString()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.toString())          "key,name,value"
console.log(`${arr}`)                "key,name,value"

 4、valueOf()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.valueOf())           ["key", "name", "value"]

5、push()、pop()、shift()、unshift()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.push("age"));        4    length
console.log(arr);                    ["key", "name", "value", "age"]
console.log(arr.unshift("age"))      4    length
console.log(arr)                     ["age", "key", "name", "value"]
console.log(arr.pop())               "value"
console.log(arr)                     ["key", "name"]
console.log(arr.shift())             "key"
console.log(arr)                     ["name", "value"]

6、reverse()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.reverse())           ["value", "name", "key"]
console.log(arr)                     ["value", "name", "key"]

 7、join()

let arr = ["ckey", "aname", "bvalue"]
console.log(arr.join())              "key,name,value"
console.log(arr.join(""))            "keynamevalue"
console.log(arr.join("."))           "key.name.value"
console.log(arr)                     ["key", "name", "value"]

8、includes()

let arr = [1,4,3,3,5,6]
console.log(arr.includes(4))            true

 9、indexOf()、lastIndexOf()

let arr = [1,2,3,3,5,6]
console.log(arr.indexOf(3))             2
console.log(arr.lastIndexOf(3))         3

10、slice()

let arr = [1,2,3,4,5,6]
slice(start, end)
console.log(arr.slice(2))                [3, 4, 5, 6]
console.log(arr)                         [1,2,3,4,5,6]
console.log(arr.slice(2, 4))             [3, 4]
console.log(arr.slice(2, arr.indexOf(4)))    [3]
console.log(arr.slice(2, 1))             []
console.log(arr.slice(2, -2))            [3, 4]

 11、splice()

let arr = [1,2,3,4,5,6]
splice(startIndex, num, item)
console.log(arr.splice(2))               [3,4,5,6]     
console.log(arr)                         [1,2]
let arr = [1,2,3,4,5,6]
console.log(arr.splice(2, 2))            [3, 4]
console.log(arr)                         [1, 2, 5, 6]
let arr = [1,2,3,4,5,6]
console.log(arr.splice(-2, 1))           [5]
console.log(arr)                         [1, 2, 3, 4, 6]
let arr = [1,2,3,4,5,6]
console.log(arr.splice(2, 0, "0"))       []
console.log(arr)                         [1, 2, '0', 3, 4, 5, 6]
let arr = [1,2,3,4,5,6]  
console.log(arr.splice(2, 1, "0"))       [3]
console.log(arr)                         [1, 2, '0', 4, 5, 6]
let arr = [1,2,3,4,5,6]
console.log(arr.splice(2, 2, 8, 9))      [3, 4]
console.log(arr)                         [1, 2, 8, 9, 5, 6]

 12、concat()

let arr1 = [3, 2, 1]
let arr2 = [3, 5, 6]
console.log(arr1.concat(arr2))   [3, 2, 1, 3, 5, 6]
console.log(arr1)                [3, 2, 1]
console.log(arr2)                [3, 5, 6]

13、find()、findIndex()

let arr = [1,4,3,3,5,6]
console.log(arr.findIndex((item) => {   -1
  return item === 9
}))
let arr = [1,4,3,3,5,6]
console.log(arr.findIndex((item) => {   1
  return item === 4
}))
let arr = [1,4,3,3,5,6]
console.log(arr.find((item) => {    undefined
  return item === 9
}))
let arr = [1,4,3,3,5,6]
console.log(arr.find((item) => {    4
  return item === 4
}))

 14、some()

let arr = [1,4,3,3,5,6]
let newArr = arr.some((item, index, arr) => {
  return item > 3
})
console.log(arr)                 [1, 4, 3, 3, 5, 6]
console.log(newArr)              true

15、every()

let arr = [1,4,3,3,5,6]
let newArr = arr.every((item, index, arr) => {
    return item > 3
})
console.log(arr)                [1, 4, 3, 3, 5, 6]
console.log(newArr)             false

16、 forEach()


let arr = [1,4,3,3,5,6]
let newArr = arr.forEach((item, index, arr) => {
  arr[index] = item * 2
})
console.log(arr)                [2, 8, 6, 6, 10, 12]
console.log(newArr)             undefined

17、map()

let arr = [1,4,3,3,5,6]
let newArr = arr.map((item, index, arr) => {
   return item * 2
})
console.log(arr)                [1, 4, 3, 3, 5, 6]
console.log(newArr)             2, 8, 6, 6, 10, 12]

18、 filter()

let arr = [1,4,3,3,5,6]
let newArr = arr.filter((item, index, arr) => {
  return item > 3
})
console.log(arr)                  [1, 4, 3, 3, 5, 6]
console.log(newArr)               [4, 5, 6]

19、reduce()

let arr = [1, 2, 3];
let newArr = arr.reduce((initialState, item) => {
  return initialState + item
}, 0)
console.log(newArr)                6
console.log(arr)                   [1, 2, 3]

20、concat() 

let arr1 = [1,2,3];
let arr2 = [4,5,6];
let arr = arr1.concat(arr2);   
console.log(arr)     [1,2,3,4,5,6]
console.log(arr1)    [1,2,3]
console.log(arr2)    [4,5,6]

二、字符串的方法

1、replace()

let str = 'abcde'
console.log(str.replace("", "12"))          12abcde
console.log(str.replace("bc", "12"))        a12de
console.log(str)                            a12de

2、search()

let str = 'abcde'
console.log(str.search("bc"))        1
console.log(str)                     abcde

3、match()

let str = 'abcde'
console.log(str.match("cd"))    ['cd', index: 2, input: 'abcde', groups: undefined]
console.log(str)                abcde

4、trim()

let str = ' ab cde '
console.log(str.trim())            'ab cde'
console.log(str)                   'ab cde'

5、toString()

let num = 12345
console.log(num.toString())         '12345'
console.log(num)                    12345

6、split()

let str = 'abcde'
console.log(str.split(''))            [a, b, c, d, e]
console.log(str.split('', 3))         [a, b, c]
console.log(str)                      abcde

7、concat()

let str = 'abcde'
let str1 = '12345'
console.log(str.concat(str1))     abcde12345
console.log(str)                  abcde

8、charAt()

let str = 'abcde'
console.log(str.charAt(2))     c
console.log(str)               abcde

9、slice()

let str = 'abcde'
console.log(str.slice(1,3))      bc
console.log(str.slice(1))        bcde
console.log(str)                 abcde

10、substring()

let str = 'abcde'
console.log(str.substring(1,3))     bc
console.log(str)                    abcde

11、lastIndexOf()

let str = 'abcde'
console.log(str.lastIndexOf("bc"))     1
console.log(str.lastIndexOf("cb"))     -1

13、indexOf()

let str = 'abcde'
console.log(str.indexOf("bc"))     1
console.log(str.indexOf("cb"))     -1

三、对象的方法 

1、Object.keys()、Object.values()

let obj = { name: "abc", age: 123}
console.log(Object.keys(obj))        ['name', 'age']
console.log(Object.values(obj))      ['age', 123]

2、Object.is()

let obj = { name: "abc", age: 123, addr: { name: "a"} }
console.log(Object.is(Object.assign({}, obj)), obj)         false { name: "abc", age: 123 }

3、Object.assign()

let obj = { name: "abc", age: 123 }
let obj2 = { name: "def", addr: "zzz" }
console.log(Object.assign({}, obj))          { name: "abc", age: 123 }
console.log(Object.assign(obj, obj2))        { name: "def", age: 123, addr: "zzz" }
console.log(obj)                             { name: "def", age: 123, addr: "zzz" }
console.log(obj2)                            { name: "def", addr: "zzz" }

4、hasOwnProperty()

let obj = { name: "abc", age: 123 }
console.log(obj.hasOwnProperty("name"))         true
nknmn_
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
数组与对象的方法（最全）
weixin_44718291的博客
01-19 2449
数组的方法 自身方法 isArray() Array.isArray() 用于确定传递的值是否是一个 Array。 Array.isArray([1, 2, 3]); // true Array.isArray({foo: 123}); // false Array.isArray("foobar"); // false Array.isArray(undefined); //...
java字符串转对象数组_将字符串数组转为java对象
weixin_29363945的博客
02-18 2835
最近在工作中，遇到一个场景：接受到一个字符串数组，需要将其转为一个对象，反射实现的方法如下：/***将字符串数组转成对象：支持doubleintbooleanstring*@paramvalueList值数组列表*@paramproperties属性数组*@paramc目标class对象*@return返回null时丢弃此结果*/publi...
字符串对象、数组对象
h54211的博客
12-08 202
（1）创建字面量创建new关键词创建(2)字符串属性字符串.length 长度(3)字符串方法（1）字符串.charAt(下标) 查找某个下标对应的字符哪个（2）字符串.charCodeAt(下标) 查找某个下标对应的字符的编码哪个(3)字符串.indexOf(字符[,从哪个下标开始查询]) 查找某个字符串在另一个字符串中首次出现的位置，如果找到了返回对应的下标，没有找到返回-1。
字符串与对象
weixin_34356310的博客
07-30 130
1.字符串的长度： 字符串和数组一样，也有length 属性来表示字符串的长度。字符串的长度指的是整个字符串里所有字符的个数。 var str = "hello"; congsole.log(str.length); 2.使用方法： a.通过位置找字符： charAt() 返回制定位置的字符。 b.通过字符找位置： indexOf() 返回制定字符在字符串中首次出现的位置。如果没...
字符串及数组对象方法
爱敲代码的狼仔
08-18 403
1.1 Math对象 取整方式 parseInt()：往下取整，有小数 就舍弃 Math.floor()：往下取整，有小数 就舍弃 Math.ceil()：往上取整，有小数就进位 Math.round()：四舍五入取整 随机数 Math.random() : 生成0-1之间的随机数，包括0，不包括1 min-max ： parseInt(Math.random()*（max-min+1)+min)
数组与对象
wayhb的专栏
12-07 302
数组 //典型的数组 var array = [1,2,3] //数组的访问 array[0];//获取第0个位置的值 //结果：1 array[0]=4;//给第0个元素赋值成4 //结果：[4,2,3] array.push(4);//在数组最后插入一个元素4，并返回新长度 //结果：[1,2,3,4] array.unshift(4);// 将新元素添加到数组开始，数组中的元素自动后移，返回数组新长度 //结果：[4,1,2,3] array.pop();//移除最后一个元素，并返回该元素值
C#字符串数组转换为整形数组的方法
09-03
然后，通过for循环遍历输入数组`Content`的每一个元素，使用`Convert.ToInt32`方法将字符串元素转换为整数，然后将其存储到新数组`c`的相应位置。最后，返回转换后的整型数组。 `Convert.ToInt32`方法是C#中用于...
C#实现char字符数组与字符串相互转换的方法
08-31
在C#中处理字符串和字符数组时，还需要了解一些核心概念，如字符串是不可变的，这意味着每次修改字符串都会创建一个新的字符串对象。而字符数组则是可变的，允许直接修改其元素。 对于进一步的学习，你可以查阅以下...
matlab数组字符串-几个简单的Matlab字符串样例
01-17
这两种方法都可以创建一个字符串对象。 二、创建字符串数组 在 Matlab 中，可以使用方括号 [] 来创建字符串数组，例如：str_array = ["hello","world","matlab"]; 这将创建一个包含三个字符串的数组。 三、格式...
js数组对象字符串常用方法总结
weixin_48115183的博客
05-12 832
#一、String对象 #1.1 slice stringObject.slice(start, end) var a = 'Hello world!'; var b = a.slice(2); var c = a.slice(-4, -2); // a: 'Hello world!' // b: 'llo world!' // c: 'rl'，参数可为负 #1.2 substr stringObject.substr(start, length) var a = 'Hello world!'
基础知识（字符串，数组，对象）
qianhua521的博客
11-18 320
20161117重点： 基本数据类型( 整数 浮点 布尔 字符串 ... ) 复杂数据类型( 数组 [item, item2, item3] 对象 {key1:value1,key2:value2}) 字符串的概念， 长度、查找、截取... 1.长度：eg：var name = "小明"; name.length 2.转换大小写： toLowerCase 变成小写 toUppe
数组也是对象
nowchange的博客
05-23 1764
一个对象中的属性名不仅仅是字符串格式，还有可能是数字格式的。 当我们存储的属性名不是字符串也不是数字的时候，浏览器会把这个值转换为字符串（toString），然后在进行存储 obj [{}]=300; => 先把[{}].toString()后的结果作为对象的属性名存储进来obj ['[object object]']=300 obj [{}] =>获取的时候也是先把...
类，对象&字符串
m0_52331412的博客
06-27 218
1、类和对象 类的组成：属性和行为 属性：在类中通过成员变量体现（类中方法外的变量） 行为：通过成员方法来体现（去掉static关键字即可） 1.1 类的定义 例： 手机类： 类名：phone 成员变量： brand, price 成员方法： call, sendMessage public class Phone{ String brand; int price; } public void call(){ } public void sendMessage(){ } 1.2对象的使用 1.2.1创
JS数组和对象
学习中
04-02 264
数组： var array = new Array(); array[0] = "test string"; var array = new Array("string1", "string2"); var array = ["string1","string2"]; 可在数组中嵌套数组：var ayyar = new Array(); array.push([1,2]); array.push...
字符串，数组，对象
qq_32629363的博客
06-14 226
本次任务内容超级无敌多导致我写了一两个周 ... 暂且收手了，接下来复习，七月初再次开始做任务数字相关方法Number() 函数把对象的值转换为数字。如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。ceil() 方法可对一个数进行上舍入。Math.floor(x) 可对一个数进行下舍入。isNaN() ...
常见的数组及对象常用方法
qq_51090530的博客
05-18 664
ES5 中常见的数组常用方法 push push 是用来在数组的末尾追加一个元素 arr.push(4) pop pop 是用来删除数组末尾的一个元素 unshift unshift 是在数组的最前面添加一个元素 arr.unshift(4) shift shift 是删除数组最前面的一个元素 //使用 shift 方法删除数组最前面的一个元素..
对象和数组
H524268015wsw的博客
07-26 501
js数组和对象等基础知识
字符串 数组 对象常用方法
m0_67367168的博客
08-19 377
字符串 数组 对象常用方法
js数组对象变成数组字符串
最新发布
06-07
可以使用JavaScript中的map函数将数组对象转换为数组字符串。例如，假设有以下数组对象： ```javascript const arr = [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Charlie' } ]; ``` 如果要将其转换为数组字符串，可以使用以下代码： ```javascript const strArr = arr.map(obj => JSON.stringify(obj)); console.log(strArr); // 输出：["{"id":1,"name":"Alice"}", "{"id":2,"name":"Bob"}", "{"id":3,"name":"Charlie"}"] ``` 在上面的代码中，map方法的回调函数接受当前元素作为参数，使用JSON.stringify方法将当前元素对象转换为字符串，然后将转换后的字符串存储到新数组中。最终，map方法返回的新数组就是我们要的数组字符串。需要注意的是，转换后的每个字符串都有一个双引号包裹，因为它们是字符串类型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值