获取数组中所有元素的长度，以在javascript/react中创建过滤器

我有一个数组中的笑话列表，我想过滤掉所有少于40个字符的笑话。我可以得到数组中单个笑话的长度，例如数组中的第四个笑话：

const filterStuff = jokeComponents[3].props.punchLine.length;

---

但我不知道如何获取数组中所有笑话的长度，以便设置过滤器。

使用以下代码过滤长度小于40的笑话

const filteredJokes=jokeComponents.filter（（joke）=>joke.props.punchLine.length<40）
const jokeComponents=[{
“道具”：{
“笑点”：“这是一个简短的笑点。”
}
},
{
“道具”：{
“punchLine”：“这一条太长了，不会显示在筛选结果集中。”
}
},
{
“道具”：{
“punchLine”：“也将出现在结果中。”
}
},
];
log（jokeComponents.filter（joke=>joke.props.punchLine.length<40））
var jokeComponents=[“Punchline one”、“Punchline two”、“Punchline three”]//原始笑话数组
var JokeComponents保留40[]//超过40个的笑话
var arrayLength=jokeComponents.length//数组大小
var j=0；
//在数组中循环
对于（变量i=0；i=40）{
jokeComponents保留40[j]=jokeComponents[i]；
j=j+1；
}
}

var jokeComponents = ["Punchline one","Punchline two","Punchline three"]; //original jokes array
var jokeComponentsMoreThan40[]; //array of jokes longer than 40
var arrayLength = jokeComponents.length; //size of array
var j = 0;

//loop through the array
for (var i = 0; i < arrayLength; i++) {

    //Insert jokes longer than 40 in a new array
    if (jokeComponents[i].length >= 40) {
       jokeComponentsMoreThan40[j] = jokeComponents[i];
       j = j + 1;
     }
}